@orangelogic/design-system 2.182.0 → 2.183.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/library/chunks/{asset-link-format.CmV7jHbC.js → asset-link-format.H5j0gJtQ.js} +2 -2
- package/library/chunks/{button.BijVCm3v.js → button.Dc8L4hcg.js} +1 -1
- package/library/chunks/{button.styles.Bcj_XoRt.js → button.styles.BWgHrfLD.js} +1 -1
- package/library/chunks/{color-swatch-group.Zia_zbwS.js → color-swatch-group.DqP6pp2u.js} +2 -2
- package/library/chunks/{confirm-popover.DgIbglt-.js → confirm-popover.DlIPMgF1.js} +1 -1
- package/library/chunks/{document-viewer.BzC8HrV6.js → document-viewer.DbA73wGD.js} +1 -1
- package/library/chunks/{folder-select.D2scByIr.js → folder-select.C4JVju2L.js} +1 -1
- package/library/chunks/{option.CmvB93ks.js → option.zUMZKPFe.js} +1 -1
- package/library/chunks/{pagination.CMjet0v-.js → pagination.CqJwMe9w.js} +2 -2
- package/library/chunks/{tab-group.DH3ppGSh.js → tab-group.BUj0CO1c.js} +1 -1
- package/library/components/asset-link-format.js +2 -2
- package/library/components/atoms.js +5 -5
- package/library/components/button.js +2 -2
- package/library/components/color-picker.js +1 -1
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/confirm-popover.js +2 -2
- package/library/components/corner-position-input-group.js +1 -1
- package/library/components/document-viewer.js +1 -1
- package/library/components/dynamic-select.js +2 -2
- package/library/components/element-clamp.js +1 -1
- package/library/components/file-on-demand.js +4 -4
- package/library/components/folder-select.js +1 -1
- package/library/components/line-clamp.js +1 -1
- package/library/components/molecules.js +2 -2
- package/library/components/option.js +1 -1
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +3 -3
- package/library/components/radio-button.js +1 -1
- package/library/components/radio-card.js +28 -23
- package/library/components/radio-group.js +23 -19
- package/library/components/select.js +1 -1
- package/library/components/tab-group.js +2 -2
- package/library/components/types.js +11 -11
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/option/option.d.ts +1 -0
- package/library/packages/atoms/src/components/radio-card/radio-card.d.ts +4 -0
- package/library/react-web-component.d.ts +8 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../components/cropper.js";
|
|
2
|
-
import { C as Z } from "./button.
|
|
2
|
+
import { C as Z } from "./button.Dc8L4hcg.js";
|
|
3
3
|
import L from "../components/space.js";
|
|
4
4
|
import { C as U } from "./typography.IqHbnd3C.js";
|
|
5
5
|
import { n as l, C as B } from "./lib-cortex-element.CVMmyPMC.js";
|
|
@@ -27,7 +27,7 @@ import Jt from "../components/divider.js";
|
|
|
27
27
|
import { C as it } from "./icon.BTuMIrIm.js";
|
|
28
28
|
import { C as vt } from "./icon-button.CBZkhhs8.js";
|
|
29
29
|
import { C as bt } from "./input.B5AHlTl-.js";
|
|
30
|
-
import { C as gt } from "./option.
|
|
30
|
+
import { C as gt } from "./option.zUMZKPFe.js";
|
|
31
31
|
import xt from "../components/select.js";
|
|
32
32
|
import te from "../components/position-picker.js";
|
|
33
33
|
import { c as ee } from "./image.Y5c_hFx8.js";
|
|
@@ -13,7 +13,7 @@ import { n as b } from "./when.Dr1es41R.js";
|
|
|
13
13
|
import { u as h, i as m } from "./static.UA3G1Deq.js";
|
|
14
14
|
import { C as D } from "./icon.BTuMIrIm.js";
|
|
15
15
|
import B from "../components/spinner.js";
|
|
16
|
-
import { b as F } from "./button.styles.
|
|
16
|
+
import { b as F } from "./button.styles.BWgHrfLD.js";
|
|
17
17
|
var v = /* @__PURE__ */ ((t) => (t.Adaptive = "adaptive", t.Fill = "fill", t.Hug = "hug", t))(v || {}), l = /* @__PURE__ */ ((t) => (t.Custom = "custom", t.Large = "large", t.Medium = "medium", t.Small = "small", t.XLarge = "x-large", t))(l || {}), k = Object.defineProperty, V = Object.getOwnPropertyDescriptor, r = (t, s, p, n) => {
|
|
18
18
|
for (var a = n > 1 ? void 0 : n ? V(s, p) : s, d = t.length - 1, c; d >= 0; d--)
|
|
19
19
|
(c = t[d]) && (a = (n ? c(s, p, a) : c(a)) || a);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { i as o } from "./lit-element.jLBm65_O.js";
|
|
2
|
-
const r = o`:host{--background-color:var(--cx-color-primary);--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--font-size:var(--cx-font-size-medium);--font-weight:var(--cx-font-weight-medium);--height:var(--cx-input-height-medium);--justify-content:center;--gap:0;--min-height:auto;--padding:0;--label-line-height:1.15;--button-custom-height:32px;--button-custom-padding:4px 8px 4px 8px;--button-custom-font-size:var(--cx-font-size-medium);cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]){width:100%}.button{align-items:center;justify-content:var(--justify-content,center);gap:var(--gap,0);border-style:solid;border-width:var(--cx-input-border-width);width:100%;font-family:var(--font-family,var(--cx-input-font-family)), var(--cx-font-sans);font-style:var(--font-style,normal);font-weight:var(--font-weight,var(--cx-font-weight-regular));font-size:var(--font-size,var(--cx-font-size-medium));height:var(--height,var(--cx-input-height-medium));min-height:var(--min-height,auto);padding:var(--padding,0);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;text-decoration:none;display:inline-flex}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.button--disabled{opacity:.5;cursor:default}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{pointer-events:none;flex:none;align-items:center;display:flex}.button__label{line-height:var(--label-line-height);white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.button__label--has-label{display:inline-block}.button--standard.button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:hover:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-700)}.button--standard.button--default.button--focused:not(.button--disabled):not(:hover),.button--standard.button--default:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral-700)}.button--standard.button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--standard.button--primary.button--focused:not(.button--disabled):not(:hover),.button--standard.button--primary:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--standard.button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--standard.button--success.button--focused:not(.button--disabled):not(:hover),.button--standard.button--success:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.button--standard.button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--standard.button--warning.button--focused:not(.button--disabled):not(:hover),.button--standard.button--warning:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--standard.button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--standard.button--danger.button--focused:not(.button--disabled):not(:hover),.button--standard.button--danger:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.button--standard.button--custom{background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:hover:not(.button--disabled){background-color:var(--background-color-focus,var(--background-color));border-color:var(--background-color-focus,var(--background-color));color:var(--color-focus,var(--color))}.button--standard.button--custom.button--focused:not(.button--disabled):not(:hover),.button--standard.button--custom:focus-visible:not(.button--disabled):not(:hover){background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,var(--background-color));border-color:var(--background-color-active,var(--background-color));color:var(--color-active,var(--color))}.button--outline{border:solid var(--cx-input-border-width);background:0 0}.button--outline.button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.button--outline.button--default:hover:not(.button--disabled),.button--outline.button--default.button--checked:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--outline.button--default.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--default:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-input-border-color);color:var(--cx-color-neutral);background-color:#0000}.button--outline.button--default:active:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--outline.button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.button--outline.button--primary:hover:not(.button--disabled),.button--outline.button--primary.button--checked:not(.button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--outline.button--primary.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--primary:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-primary);color:var(--cx-color-primary);background-color:#0000}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--outline.button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.button--outline.button--success:hover:not(.button--disabled),.button--outline.button--success.button--checked:not(.button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--outline.button--success.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--success:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-success);color:var(--cx-color-success);background-color:#0000}.button--outline.button--success:active:not(.button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--outline.button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.button--outline.button--warning:hover:not(.button--disabled),.button--outline.button--warning.button--checked:not(.button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--outline.button--warning.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--warning:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-warning);color:var(--cx-color-warning);background-color:#0000}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--outline.button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.button--outline.button--danger:hover:not(.button--disabled),.button--outline.button--danger.button--checked:not(.button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--outline.button--danger.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--danger:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-danger);color:var(--cx-color-danger);background-color:#0000}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:2px solid #0000}}.button--text{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:hover:not(.button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--text.button--focused:not(.button--disabled):not(:hover),.button--text:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:active:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:hover:not(.button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary.button--focused:not(.button--disabled):not(:hover),.button--tertiary:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-small)}.button--small ::slotted(cx-icon){--font-size:var(--cx-font-size-medium)}.button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-medium)}.button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--custom-size{--height:var(--button-custom-height);--padding:var(--button-custom-padding);--font-size:var(--button-custom-font-size);--font-family:var(--button-custom-font-family), var(--cx-font-sans);--font-style:var(--button-custom-font-style);--font-weight:var(--button-custom-font-weight);border-radius:var(--cx-button-border-radius-medium)}.button--pill.button--small{border-radius:var(--cx-input-height-small)}.button--pill.button--medium{border-radius:var(--cx-input-height-medium)}.button--pill.button--large{border-radius:var(--cx-input-height-large)}.button--pill.button--x-large{border-radius:var(--cx-input-height-x-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--cx-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--cx-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--cx-input-height-large);border-radius:50%}.button--circle.button--x-large{width:var(--cx-input-height-x-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button--caret .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-large));margin-block:auto}.button--caret.button--small .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-medium))}.button--caret .button__suffix{display:none}.button--loading{cursor:wait;position:relative}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(cx-badge){pointer-events:none;position:absolute;top:0;right:0;translate:50% -50%}.button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--cx-spacing-x-small)}.button--has-label.button--medium .button__label{padding:0 var(--cx-spacing-small)}.button--has-label.button--large .button__label{padding:0 var(--cx-spacing-medium)}.button--has-label.button--x-large .button__label{padding:0 var(--cx-spacing-large)}.button--has-prefix.button--small,.button--has-prefix.button--small .button__label,.button--has-prefix.button--medium,.button--has-prefix.button--medium .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--large{padding-inline-start:var(--cx-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--x-large,.button--has-prefix.button--x-large .button__label{padding-inline-start:var(--cx-spacing-medium)}.button--has-suffix.button--small,.button--caret.button--small,.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label,.button--has-suffix.button--medium,.button--caret.button--medium,.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-inline-end:var(--cx-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--x-large,.button--caret.button--x-large,.button--has-suffix.button--x-large .button__label,.button--caret.button--x-large .button__label{padding-inline-end:var(--cx-spacing-medium)}.button--caret cx-icon::part(span){height:auto}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:"";top:0;inset-inline-start:0;mix-blend-mode:multiply;border-left:1px solid #80808054;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}`;
|
|
2
|
+
const r = o`:host{--background-color:var(--cx-color-primary);--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--font-size:var(--cx-font-size-medium);--font-weight:var(--cx-font-weight-medium);--height:var(--cx-input-height-medium);--justify-content:center;--gap:0;--min-height:auto;--padding:0;--label-line-height:1.15;--button-custom-height:32px;--button-custom-padding:4px 8px 4px 8px;--button-custom-font-size:var(--cx-font-size-medium);cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]){width:100%}.button{align-items:center;justify-content:var(--justify-content,center);gap:var(--gap,0);border-style:solid;border-width:var(--cx-input-border-width);width:100%;font-family:var(--font-family,var(--cx-input-font-family)), var(--cx-font-sans);font-style:var(--font-style,normal);font-weight:var(--font-weight,var(--cx-font-weight-regular));font-size:var(--font-size,var(--cx-font-size-medium));height:var(--height,var(--cx-input-height-medium));min-height:var(--min-height,auto);padding:var(--padding,0);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;text-decoration:none;display:inline-flex}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.button--disabled{opacity:.5;cursor:default}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{pointer-events:none;flex:none;align-items:center;display:flex}.button__label{line-height:var(--label-line-height);white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.button__label--has-label{display:inline-block}.button--standard.button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:hover:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-700)}.button--standard.button--default.button--focused:not(.button--disabled):not(:hover),.button--standard.button--default:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral-700)}.button--standard.button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--standard.button--primary.button--focused:not(.button--disabled):not(:hover),.button--standard.button--primary:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--standard.button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--standard.button--success.button--focused:not(.button--disabled):not(:hover),.button--standard.button--success:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.button--standard.button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--standard.button--warning.button--focused:not(.button--disabled):not(:hover),.button--standard.button--warning:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--standard.button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--standard.button--danger.button--focused:not(.button--disabled):not(:hover),.button--standard.button--danger:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.button--standard.button--custom{background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:hover:not(.button--disabled){background-color:var(--background-color-focus,var(--background-color));border-color:var(--background-color-focus,var(--background-color));color:var(--color-focus,var(--color))}.button--standard.button--custom.button--focused:not(.button--disabled):not(:hover),.button--standard.button--custom:focus-visible:not(.button--disabled):not(:hover){background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,var(--background-color));border-color:var(--background-color-active,var(--background-color));color:var(--color-active,var(--color))}.button--outline{border:solid var(--cx-input-border-width);background:0 0}.button--outline.button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.button--outline.button--default:hover:not(.button--disabled),.button--outline.button--default.button--checked:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--outline.button--default.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--default:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-input-border-color);color:var(--cx-color-neutral);background-color:#0000}.button--outline.button--default:active:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--outline.button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.button--outline.button--primary:hover:not(.button--disabled),.button--outline.button--primary.button--checked:not(.button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--outline.button--primary.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--primary:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-primary);color:var(--cx-color-primary);background-color:#0000}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--outline.button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.button--outline.button--success:hover:not(.button--disabled),.button--outline.button--success.button--checked:not(.button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--outline.button--success.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--success:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-success);color:var(--cx-color-success);background-color:#0000}.button--outline.button--success:active:not(.button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--outline.button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.button--outline.button--warning:hover:not(.button--disabled),.button--outline.button--warning.button--checked:not(.button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--outline.button--warning.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--warning:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-warning);color:var(--cx-color-warning);background-color:#0000}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--outline.button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.button--outline.button--danger:hover:not(.button--disabled),.button--outline.button--danger.button--checked:not(.button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--outline.button--danger.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--danger:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-danger);color:var(--cx-color-danger);background-color:#0000}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:2px solid #0000}}.button--text{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:hover:not(.button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--text.button--focused:not(.button--disabled):not(:hover),.button--text:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:active:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:hover:not(.button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary.button--focused:not(.button--disabled):not(:hover),.button--tertiary:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-small)}.button--small ::slotted(cx-icon){--font-size:var(--cx-font-size-medium)}.button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-medium)}.button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--custom-size{--height:var(--button-custom-height);--padding:var(--button-custom-padding);--font-size:var(--button-custom-font-size);--font-family:var(--button-custom-font-family), var(--cx-font-sans);--font-style:var(--button-custom-font-style);--font-weight:var(--button-custom-font-weight);border-radius:var(--cx-button-border-radius-medium)}.button--pill.button--small{border-radius:var(--cx-input-height-small)}.button--pill.button--medium{border-radius:var(--cx-input-height-medium)}.button--pill.button--large{border-radius:var(--cx-input-height-large)}.button--pill.button--x-large{border-radius:var(--cx-input-height-x-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--cx-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--cx-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--cx-input-height-large);border-radius:50%}.button--circle.button--x-large{width:var(--cx-input-height-x-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button--caret .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-large));margin-block:auto}.button--caret.button--small .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-medium))}.button--caret .button__suffix{display:none}.button--loading{cursor:wait;position:relative}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(cx-badge){pointer-events:none;position:absolute;top:0;right:0;translate:50% -50%}.button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--cx-spacing-x-small)}.button--has-label.button--medium .button__label{padding:0 var(--cx-spacing-small)}.button--has-label.button--large .button__label{padding:0 var(--cx-spacing-medium)}.button--has-label.button--x-large .button__label{padding:0 var(--cx-spacing-large)}.button--has-prefix.button--small,.button--has-prefix.button--small .button__label,.button--has-prefix.button--medium,.button--has-prefix.button--medium .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--large{padding-inline-start:var(--cx-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--x-large,.button--has-prefix.button--x-large .button__label{padding-inline-start:var(--cx-spacing-medium)}.button--has-suffix.button--small,.button--caret.button--small,.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label,.button--has-suffix.button--medium,.button--caret.button--medium,.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-inline-end:var(--cx-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--x-large,.button--caret.button--x-large,.button--has-suffix.button--x-large .button__label,.button--caret.button--x-large .button__label{padding-inline-end:var(--cx-spacing-medium)}.button--caret:not(.button--has-prefix):not(.button--has-label).button--small,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--small,.button--caret:not(.button--has-prefix):not(.button--has-label).button--medium,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--medium{padding-inline-start:var(--cx-spacing-x-small)}.button--caret:not(.button--has-prefix):not(.button--has-label).button--large,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--large{padding-inline-start:var(--cx-spacing-small)}.button--caret:not(.button--has-prefix):not(.button--has-label).button--x-large,.button--has-suffix:not(.button--has-prefix):not(.button--has-label).button--x-large{padding-inline-start:var(--cx-spacing-medium)}.button--has-prefix:not(.button--has-label).button--small,.button--has-prefix:not(.button--has-label).button--medium{gap:var(--cx-spacing-x-small)}.button--has-prefix:not(.button--has-label).button--large{gap:var(--cx-spacing-small)}.button--has-prefix:not(.button--has-label).button--x-large{gap:var(--cx-spacing-medium)}.button--caret cx-icon::part(span){height:auto}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:"";top:0;inset-inline-start:0;mix-blend-mode:multiply;border-left:1px solid #80808054;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}`;
|
|
3
3
|
export {
|
|
4
4
|
r as b
|
|
5
5
|
};
|
|
@@ -3,7 +3,7 @@ import { C as Ir, T as xn } from "./typography.IqHbnd3C.js";
|
|
|
3
3
|
import { n as m, C as Pe } from "./lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import { C as Hr, a as es } from "./color-swatch.D6Gg5bpz.js";
|
|
5
5
|
import { c as $e } from "./component.styles.CRO4Odto.js";
|
|
6
|
-
import { C as Et } from "./button.
|
|
6
|
+
import { C as Et } from "./button.Dc8L4hcg.js";
|
|
7
7
|
import { C as Rn, o as Sn, O as No } from "./dialog.BD012ZUN.js";
|
|
8
8
|
import { C as oi } from "./icon-button.CBZkhhs8.js";
|
|
9
9
|
import Pt from "../components/tooltip.js";
|
|
@@ -40,7 +40,7 @@ import { o as ft } from "./style-map.llVFPd__.js";
|
|
|
40
40
|
import ai from "../components/dropdown.js";
|
|
41
41
|
import ea from "../components/menu-section.js";
|
|
42
42
|
import Gr from "../components/checkbox.js";
|
|
43
|
-
import { C as ta, P as ia } from "./pagination.
|
|
43
|
+
import { C as ta, P as ia } from "./pagination.CqJwMe9w.js";
|
|
44
44
|
import { H as Ur } from "./slot.j5oheLJC.js";
|
|
45
45
|
import { g as B, a as Bo } from "./dom.gRV2cDjL.js";
|
|
46
46
|
import "./browser.BHOCIF_A.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as resizableComponentStyles, R as ResizableElement, a as ResizeDirection, b as HeightMode } from "./resizable-component.styles.CAfXABBc.js";
|
|
2
|
-
import { C as CxButton } from "./button.
|
|
2
|
+
import { C as CxButton } from "./button.Dc8L4hcg.js";
|
|
3
3
|
import CxDrawer from "../components/drawer.js";
|
|
4
4
|
import CxDropdown from "../components/dropdown.js";
|
|
5
5
|
import { C as CxIcon } from "./icon.BTuMIrIm.js";
|
|
@@ -16,7 +16,7 @@ import { x as g, i as ve } from "./lit-element.jLBm65_O.js";
|
|
|
16
16
|
import { r as x } from "./state.CSDxrqLd.js";
|
|
17
17
|
import { e as H } from "./query.BBf1UFkC.js";
|
|
18
18
|
import { r as Ie } from "./choose.BTbF6BAn.js";
|
|
19
|
-
import { C as ae } from "./button.
|
|
19
|
+
import { C as ae } from "./button.Dc8L4hcg.js";
|
|
20
20
|
import { d as Se } from "./debounce.DaHuiSGU.js";
|
|
21
21
|
import { o as p } from "./if-defined.BRoBj_Rp.js";
|
|
22
22
|
import { c as G } from "./repeat.CFjcER6_.js";
|
|
@@ -11,7 +11,7 @@ import { n as u } from "./when.Dr1es41R.js";
|
|
|
11
11
|
import { C as w } from "./icon.BTuMIrIm.js";
|
|
12
12
|
import k from "../components/space.js";
|
|
13
13
|
var r = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(r || {});
|
|
14
|
-
const C = _`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--option-font-family), var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--option-font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--
|
|
14
|
+
const C = _`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--option-font-family), var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--option-font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--disabled){background-color:var(--cx-menu-item-background-color-hover)}.option--current,.option--current.option--disabled{background-color:var(--option-current-background-color,transparent);opacity:1}.option--selected{color:var(--option-selected-color,var(--cx-color-primary));font-weight:var(--option-selected-font-weight,var(--cx-font-weight-regular))}.option--disabled{opacity:.5;cursor:default;outline:none}.option__content{flex:1}.option__label{line-height:var(--cx-line-height-medium);flex:auto;display:inline-block}.option .option__check{visibility:hidden;flex:none;justify-content:center;align-items:center;padding-inline-end:var(--cx-spacing-2x-small);display:none}.option--show-check .option__check{display:block}.option--show-check.option--selected .option__check{visibility:visible}.option__help-text{color:var(--option-help-text-color,var(--cx-color-neutral-600));font-weight:var(--option-help-text-font-weight,var(--cx-font-weight-regular))}.option--selected .option__content .option__help-text{color:var(--option-selected-help-text-color,var(--cx-color-primary));font-weight:var(--option-selected-help-text-font-weight,var(--cx-font-weight-regular))}.option__prefix,.option__suffix{flex:none;align-items:center;display:flex}.option__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.option__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.option__prefix{align-self:var(--prefix-alignment,center)}.option__suffix{align-self:var(--suffix-alignment,center)}.option__check{align-self:var(--check-alignment,center)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline-offset:-1px;outline:1px dashed selecteditem}}`;
|
|
15
15
|
var L = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (t, n, i, l) => {
|
|
16
16
|
for (var a = l > 1 ? void 0 : l ? E(n, i) : n, c = t.length - 1, p; c >= 0; c--)
|
|
17
17
|
(p = t[c]) && (a = (l ? p(n, i, a) : p(a)) || a);
|
|
@@ -10,9 +10,9 @@ import { r as S } from "./state.CSDxrqLd.js";
|
|
|
10
10
|
import { e as $ } from "./class-map.BiVq-cVR.js";
|
|
11
11
|
import { c as x } from "./repeat.CFjcER6_.js";
|
|
12
12
|
import { n as g } from "./when.Dr1es41R.js";
|
|
13
|
-
import { C as w } from "./button.
|
|
13
|
+
import { C as w } from "./button.Dc8L4hcg.js";
|
|
14
14
|
import { C as v } from "./input.B5AHlTl-.js";
|
|
15
|
-
import { C as I } from "./option.
|
|
15
|
+
import { C as I } from "./option.zUMZKPFe.js";
|
|
16
16
|
import B from "../components/select.js";
|
|
17
17
|
import N from "../components/tooltip.js";
|
|
18
18
|
import { C as k } from "./typography.IqHbnd3C.js";
|
|
@@ -17,7 +17,7 @@ import { i as Ji } from "./guard.D4axKaMo.js";
|
|
|
17
17
|
import { o as tr } from "./map.D8heArFD.js";
|
|
18
18
|
import { o as Ue } from "./style-map.llVFPd__.js";
|
|
19
19
|
import { n as Pe } from "./when.Dr1es41R.js";
|
|
20
|
-
import { C as Yn } from "./button.
|
|
20
|
+
import { C as Yn } from "./button.Dc8L4hcg.js";
|
|
21
21
|
import Xn from "../components/dropdown.js";
|
|
22
22
|
import { C as qn } from "./icon-button.CBZkhhs8.js";
|
|
23
23
|
import Gn from "../components/menu.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import "./cropper.js";
|
|
2
|
-
import "../chunks/button.
|
|
2
|
+
import "../chunks/button.Dc8L4hcg.js";
|
|
3
3
|
import "./space.js";
|
|
4
4
|
import "../chunks/typography.IqHbnd3C.js";
|
|
5
5
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
|
-
import { C as h } from "../chunks/asset-link-format.
|
|
6
|
+
import { C as h } from "../chunks/asset-link-format.H5j0gJtQ.js";
|
|
7
7
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
8
8
|
import "../chunks/asset-link-format.ClaYu_v8.js";
|
|
9
9
|
import "../chunks/position-picker.DjnhxIKF.js";
|
|
@@ -9,7 +9,7 @@ import { default as h } from "./avatar.js";
|
|
|
9
9
|
import { default as P } from "./badge.js";
|
|
10
10
|
import { default as M } from "./breadcrumb.js";
|
|
11
11
|
import { default as F } from "./breadcrumb-item.js";
|
|
12
|
-
import { C as O } from "../chunks/button.
|
|
12
|
+
import { C as O } from "../chunks/button.Dc8L4hcg.js";
|
|
13
13
|
import { default as E } from "./button-group.js";
|
|
14
14
|
import { default as L } from "./card.js";
|
|
15
15
|
import { default as j } from "./checkbox.js";
|
|
@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
|
|
|
20
20
|
import { default as Y } from "./diff.js";
|
|
21
21
|
import { C as _ } from "../chunks/dialog.BD012ZUN.js";
|
|
22
22
|
import { default as oe } from "./divider.js";
|
|
23
|
-
import { C as ae } from "../chunks/document-viewer.
|
|
23
|
+
import { C as ae } from "../chunks/document-viewer.DbA73wGD.js";
|
|
24
24
|
import { C as xe } from "../chunks/dot-pagination.BqGFeFXK.js";
|
|
25
25
|
import { default as me } from "./dot-status.js";
|
|
26
26
|
import { default as pe } from "./drawer.js";
|
|
@@ -51,8 +51,8 @@ import { default as oo } from "./menu-item.js";
|
|
|
51
51
|
import { default as ao } from "./menu-label.js";
|
|
52
52
|
import { default as xo } from "./menu-section.js";
|
|
53
53
|
import { default as mo } from "./mutation-observer.js";
|
|
54
|
-
import { C as po } from "../chunks/option.
|
|
55
|
-
import { C as uo } from "../chunks/pagination.
|
|
54
|
+
import { C as po } from "../chunks/option.zUMZKPFe.js";
|
|
55
|
+
import { C as uo } from "../chunks/pagination.CqJwMe9w.js";
|
|
56
56
|
import { default as no } from "./popup.js";
|
|
57
57
|
import { default as co } from "./progress-bar.js";
|
|
58
58
|
import { default as bo } from "./progress-ring.js";
|
|
@@ -74,7 +74,7 @@ import { default as Uo } from "./step.js";
|
|
|
74
74
|
import { default as Xo } from "./stepper.js";
|
|
75
75
|
import { default as Zo } from "./switch.js";
|
|
76
76
|
import { default as et } from "./tab.js";
|
|
77
|
-
import { C as tt } from "../chunks/tab-group.
|
|
77
|
+
import { C as tt } from "../chunks/tab-group.BUj0CO1c.js";
|
|
78
78
|
import { default as rt } from "./tab-panel.js";
|
|
79
79
|
import { default as ft } from "./tag.js";
|
|
80
80
|
import { default as st } from "./textarea.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { C as h } from "../chunks/button.
|
|
3
|
+
import { C as h } from "../chunks/button.Dc8L4hcg.js";
|
|
4
4
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
5
5
|
import "../chunks/form.DSsy3Fcy.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
@@ -14,7 +14,7 @@ import "../chunks/when.Dr1es41R.js";
|
|
|
14
14
|
import "../chunks/static.UA3G1Deq.js";
|
|
15
15
|
import "../chunks/icon.BTuMIrIm.js";
|
|
16
16
|
import "./spinner.js";
|
|
17
|
-
import "../chunks/button.styles.
|
|
17
|
+
import "../chunks/button.styles.BWgHrfLD.js";
|
|
18
18
|
export {
|
|
19
19
|
h as default
|
|
20
20
|
};
|
|
@@ -16,7 +16,7 @@ import { e as _ } from "../chunks/class-map.BiVq-cVR.js";
|
|
|
16
16
|
import { o as y } from "../chunks/if-defined.BRoBj_Rp.js";
|
|
17
17
|
import { o as f } from "../chunks/style-map.llVFPd__.js";
|
|
18
18
|
import { n as d } from "../chunks/when.Dr1es41R.js";
|
|
19
|
-
import { C as B } from "../chunks/button.
|
|
19
|
+
import { C as B } from "../chunks/button.Dc8L4hcg.js";
|
|
20
20
|
import L from "./button-group.js";
|
|
21
21
|
import T from "./dropdown.js";
|
|
22
22
|
import { C as N } from "../chunks/icon.BTuMIrIm.js";
|
|
@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
|
|
|
3
3
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import "../chunks/color-swatch.D6Gg5bpz.js";
|
|
5
5
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
6
|
-
import { C as v } from "../chunks/color-swatch-group.
|
|
6
|
+
import { C as v } from "../chunks/color-swatch-group.DqP6pp2u.js";
|
|
7
7
|
import "../chunks/transformation.8uLv6uwG.js";
|
|
8
8
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
9
9
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import "../chunks/button.
|
|
1
|
+
import "../chunks/button.Dc8L4hcg.js";
|
|
2
2
|
import "../chunks/dialog.BD012ZUN.js";
|
|
3
3
|
import "./dropdown.js";
|
|
4
4
|
import "../chunks/typography.IqHbnd3C.js";
|
|
5
5
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
6
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
7
|
-
import { C as x } from "../chunks/confirm-popover.
|
|
7
|
+
import { C as x } from "../chunks/confirm-popover.DlIPMgF1.js";
|
|
8
8
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
9
9
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
10
10
|
import "../chunks/lit-element.jLBm65_O.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as u } from "../chunks/input.B5AHlTl-.js";
|
|
2
|
-
import { C as h } from "../chunks/option.
|
|
2
|
+
import { C as h } from "../chunks/option.zUMZKPFe.js";
|
|
3
3
|
import m from "./select.js";
|
|
4
4
|
import x from "./space.js";
|
|
5
5
|
import { n as l, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../chunks/resizable-component.styles.CAfXABBc.js";
|
|
2
|
-
import { C as b } from "../chunks/document-viewer.
|
|
2
|
+
import { C as b } from "../chunks/document-viewer.DbA73wGD.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
4
|
import "../chunks/index.Cpamj0jB.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { C as g } from "../chunks/button.
|
|
1
|
+
import { C as g } from "../chunks/button.Dc8L4hcg.js";
|
|
2
2
|
import { C as O } from "../chunks/icon-button.CBZkhhs8.js";
|
|
3
|
-
import { C as h, a as C } from "../chunks/option.
|
|
3
|
+
import { C as h, a as C } from "../chunks/option.zUMZKPFe.js";
|
|
4
4
|
import $ from "./select.js";
|
|
5
5
|
import { n as s, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
6
|
import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
|
|
@@ -9,7 +9,7 @@ import { r as k } from "../chunks/state.CSDxrqLd.js";
|
|
|
9
9
|
import { e as E } from "../chunks/query.BBf1UFkC.js";
|
|
10
10
|
import { e as H } from "../chunks/class-map.BiVq-cVR.js";
|
|
11
11
|
import { a as p, g } from "../chunks/animation-registry.HmpwNuGH.js";
|
|
12
|
-
import { C as B } from "../chunks/button.
|
|
12
|
+
import { C as B } from "../chunks/button.Dc8L4hcg.js";
|
|
13
13
|
const T = C`:host{--toggler-color:var(--cx-color-primary);display:block;overflow:hidden}.element-clamp{overflow-anchor:none}.element-clamp--disabled{opacity:.5}.element-clamp-icon{transition:var(--cx-transition-medium) rotate ease;flex:none;align-items:center;display:flex}.details--open .element-clamp-icon{rotate:90deg}.details--open.details--rtl .element-clamp-icon{rotate:-90deg}.element-clamp--open slot[name=expand-icon],.element-clamp:not(.element-clamp--open) slot[name=collapse-icon]{display:none}.element-clamp__content{display:block;overflow:hidden}.toggler{margin-top:var(--cx-spacing-2x-small);display:block}.toggler::part(base){color:var(--toggler-color);font-weight:var(--cx-font-weight-medium);text-transform:none;width:auto}.toggler::part(label){padding-left:0}`;
|
|
14
14
|
var z = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
|
|
15
15
|
for (var s = r > 1 ? void 0 : r ? O(t, i) : t, h = e.length - 1, l; h >= 0; h--)
|
|
@@ -16,22 +16,22 @@ import { n as p } from "../chunks/when.Dr1es41R.js";
|
|
|
16
16
|
import { b as At } from "../chunks/_baseEach.DQk0As2f.js";
|
|
17
17
|
import { b as Dt } from "../chunks/_baseIteratee.sC2wLi2m.js";
|
|
18
18
|
import Tt from "./avatar.js";
|
|
19
|
-
import { C as zt } from "../chunks/button.
|
|
19
|
+
import { C as zt } from "../chunks/button.Dc8L4hcg.js";
|
|
20
20
|
import { C as Pt } from "../chunks/dialog.BD012ZUN.js";
|
|
21
21
|
import Et from "./divider.js";
|
|
22
22
|
import nt from "./format-bytes.js";
|
|
23
23
|
import { C as vt } from "../chunks/icon-button.CBZkhhs8.js";
|
|
24
24
|
import { C as Lt } from "../chunks/input.B5AHlTl-.js";
|
|
25
|
-
import { C as Ut } from "../chunks/option.
|
|
25
|
+
import { C as Ut } from "../chunks/option.zUMZKPFe.js";
|
|
26
26
|
import yt from "./relative-time.js";
|
|
27
27
|
import Ft from "./select.js";
|
|
28
28
|
import Rt from "./space.js";
|
|
29
29
|
import kt from "./tab.js";
|
|
30
|
-
import { C as Ot } from "../chunks/tab-group.
|
|
30
|
+
import { C as Ot } from "../chunks/tab-group.BUj0CO1c.js";
|
|
31
31
|
import Nt from "./tab-panel.js";
|
|
32
32
|
import bt from "./tooltip.js";
|
|
33
33
|
import { C as rt } from "../chunks/typography.IqHbnd3C.js";
|
|
34
|
-
import { C as jt } from "../chunks/confirm-popover.
|
|
34
|
+
import { C as jt } from "../chunks/confirm-popover.DlIPMgF1.js";
|
|
35
35
|
import { d as Bt } from "../chunks/debounce.DaHuiSGU.js";
|
|
36
36
|
import { c as Z } from "../chunks/number.Cx2ncfJJ.js";
|
|
37
37
|
import { i as X, b as pt } from "../chunks/url.B17OsCqV.js";
|
|
@@ -5,7 +5,7 @@ import "./select.js";
|
|
|
5
5
|
import "./tag.js";
|
|
6
6
|
import "../chunks/tree.CgBxt5my.js";
|
|
7
7
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
8
|
-
import { C as j } from "../chunks/folder-select.
|
|
8
|
+
import { C as j } from "../chunks/folder-select.C4JVju2L.js";
|
|
9
9
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
10
10
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
11
11
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { default as e } from "./bicolor-picker.js";
|
|
2
2
|
import { default as a } from "./border-input-group.js";
|
|
3
3
|
import { C as x } from "../chunks/color-swatch.D6Gg5bpz.js";
|
|
4
|
-
import { C as u } from "../chunks/confirm-popover.
|
|
4
|
+
import { C as u } from "../chunks/confirm-popover.DlIPMgF1.js";
|
|
5
5
|
import { default as d } from "./corner-position-input-group.js";
|
|
6
6
|
import { default as l } from "./cropper.js";
|
|
7
7
|
import { default as i } from "./dynamic-select.js";
|
|
8
|
-
import { C as c } from "../chunks/folder-select.
|
|
8
|
+
import { C as c } from "../chunks/folder-select.C4JVju2L.js";
|
|
9
9
|
import { default as P } from "./masonry.js";
|
|
10
10
|
import { default as I } from "./padding-input-group.js";
|
|
11
11
|
import { default as y } from "./position-picker.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { C } from "../chunks/option.
|
|
3
|
+
import { C } from "../chunks/option.zUMZKPFe.js";
|
|
4
4
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
5
5
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
6
6
|
import "../chunks/watch.DJF5K-8U.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as a } from "../chunks/asset-link-format.
|
|
2
|
-
import { C as t } from "../chunks/color-swatch-group.
|
|
1
|
+
import { C as a } from "../chunks/asset-link-format.H5j0gJtQ.js";
|
|
2
|
+
import { C as t } from "../chunks/color-swatch-group.DqP6pp2u.js";
|
|
3
3
|
import { default as C } from "./file-on-demand.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CxAssetLinkFormat,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./space.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/icon-button.CBZkhhs8.js";
|
|
4
|
-
import { C as k } from "../chunks/pagination.
|
|
4
|
+
import { C as k } from "../chunks/pagination.CqJwMe9w.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
7
7
|
import "../chunks/math.DuKzLacZ.js";
|
|
@@ -11,9 +11,9 @@ import "../chunks/state.CSDxrqLd.js";
|
|
|
11
11
|
import "../chunks/class-map.BiVq-cVR.js";
|
|
12
12
|
import "../chunks/repeat.CFjcER6_.js";
|
|
13
13
|
import "../chunks/when.Dr1es41R.js";
|
|
14
|
-
import "../chunks/button.
|
|
14
|
+
import "../chunks/button.Dc8L4hcg.js";
|
|
15
15
|
import "../chunks/input.B5AHlTl-.js";
|
|
16
|
-
import "../chunks/option.
|
|
16
|
+
import "../chunks/option.zUMZKPFe.js";
|
|
17
17
|
import "./select.js";
|
|
18
18
|
import "./tooltip.js";
|
|
19
19
|
import "../chunks/typography.IqHbnd3C.js";
|
|
@@ -9,7 +9,7 @@ import { e as y } from "../chunks/class-map.BiVq-cVR.js";
|
|
|
9
9
|
import { o as h } from "../chunks/if-defined.BRoBj_Rp.js";
|
|
10
10
|
import { u as _ } from "../chunks/static.UA3G1Deq.js";
|
|
11
11
|
import { i as v } from "../chunks/lit-element.jLBm65_O.js";
|
|
12
|
-
import { b as w } from "../chunks/button.styles.
|
|
12
|
+
import { b as w } from "../chunks/button.styles.BWgHrfLD.js";
|
|
13
13
|
const C = v`
|
|
14
14
|
${w}
|
|
15
15
|
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { n as
|
|
1
|
+
import { n as a, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import { c as u } from "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { c as
|
|
4
|
-
import { H as
|
|
3
|
+
import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
|
|
4
|
+
import { H as f } from "../chunks/slot.j5oheLJC.js";
|
|
5
5
|
import { w as h } from "../chunks/watch.DJF5K-8U.js";
|
|
6
|
-
import { i as
|
|
6
|
+
import { i as m, x as g } from "../chunks/lit-element.jLBm65_O.js";
|
|
7
7
|
import { r as n } from "../chunks/state.CSDxrqLd.js";
|
|
8
8
|
import { e as x } from "../chunks/query.BBf1UFkC.js";
|
|
9
9
|
import { e as v } from "../chunks/class-map.BiVq-cVR.js";
|
|
10
10
|
import _ from "./card.js";
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
const w =
|
|
14
|
-
var k = Object.defineProperty,
|
|
15
|
-
for (var t = d > 1 ? void 0 : d ?
|
|
16
|
-
(
|
|
17
|
-
return d && t && k(
|
|
11
|
+
import y from "./line-clamp.js";
|
|
12
|
+
import C from "./radio.js";
|
|
13
|
+
const w = m`:host{--label-color:var(--cx-input-label-color);--label-text-align:left;--description-color:var(--cx-input-label-color);--description-text-align:left;--toggle-size:var(--cx-toggle-size-large);flex-direction:column;align-items:center;width:100%;display:flex;position:relative}:host(:focus-visible){outline:0}.radio-card{--border-radius:var(--cx-border-radius-large);--box-shadow:none;--padding:var(--cx-spacing-small);--image-border-radius:var(--cx-border-radius-medium);cursor:pointer;width:var(--card-width,100%);height:var(--card-height,100%)}.radio-card--checked:not(.radio-card--grouped)::part(base){height:100%}.radio-card--grouped::part(base){border-top-width:0;border-radius:0;height:100%}.radio-card--grouped.radio-card--horizontal::part(base){border-left-width:0;border-top-width:var(--border-width)}:host(:first-child) .radio-card--grouped::part(base){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-top-width:var(--border-width);border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:last-child) .radio-card--grouped::part(base){border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-top-left-radius:0;border-top-right-radius:0}:host(:first-child) .radio-card--grouped.radio-card--horizontal::part(base){border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);border-left-width:var(--border-width);border-top-right-radius:0;border-bottom-right-radius:0}:host(:last-child) .radio-card--grouped.radio-card--horizontal::part(base){border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-top-left-radius:0;border-bottom-left-radius:0}.radio-card::part(image){background-color:#0000}.radio-card--compact::part(image){display:none}.radio-card--checked:not(.radio-card--grouped){--border-color:var(--cx-color-primary)}.radio-card--checked::part(base){background-color:var(--cx-color-primary-50)}.radio-card--disabled{opacity:.5;cursor:default}.radio-card__label{justify-content:space-between;align-items:center;gap:var(--cx-spacing-2x-small);text-transform:var(--cx-radio-card-label-text-transform,none);display:flex}.radio-card__description{margin-left:calc(var(--toggle-size) + .5em)}.radio-card__description>cx-line-clamp{color:var(--description-color);line-height:var(--cx-line-height-medium);text-align:var(--description-text-align)}.radio-card__label>cx-line-clamp{color:var(--label-color);text-align:var(--label-text-align);flex:auto}.radio-card--has-suffix .radio-card__label__suffix{width:3rem}.radio-card__label__suffix{justify-content:flex-end;height:fit-content;display:flex}.radio-card__image::slotted(img),.radio-card__image::slotted(svg){border-radius:var(--cx-border-radius-small);width:100%}.radio-card__image::slotted(*){flex-direction:column;display:flex}cx-radio{--toggle-size:var(--toggle-size)}cx-radio::part(base){align-items:center;width:100%}`;
|
|
14
|
+
var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, e = (c, i, o, d) => {
|
|
15
|
+
for (var t = d > 1 ? void 0 : d ? z(i, o) : i, s = c.length - 1, l; s >= 0; s--)
|
|
16
|
+
(l = c[s]) && (t = (d ? l(i, o, t) : l(t)) || t);
|
|
17
|
+
return d && t && k(i, o, t), t;
|
|
18
18
|
};
|
|
19
|
-
let r = class extends
|
|
19
|
+
let r = class extends p {
|
|
20
20
|
constructor() {
|
|
21
|
-
super(), this.hasSlotController = new
|
|
21
|
+
super(), this.hasSlotController = new f(this, "suffix"), this.checked = !1, this.hasFocus = !1, this.disabled = !1, this.hideIndicator = !1, this.disabledLineClamp = !1, this.grouped = !1, this.horizontal = !1, this.handleBlur = this.handleBlur.bind(this), this.handleClick = this.handleClick.bind(this), this.handleFocus = this.handleFocus.bind(this), this.addEventListener("blur", this.handleBlur), this.addEventListener("click", this.handleClick), this.addEventListener("focus", this.handleFocus);
|
|
22
22
|
}
|
|
23
23
|
runFirstUpdated() {
|
|
24
24
|
this.setInitialAttributes();
|
|
@@ -42,24 +42,23 @@ let r = class extends b {
|
|
|
42
42
|
this.setAttribute("aria-disabled", this.disabled ? "true" : "false"), this.radio.setAttribute("aria-disabled", this.disabled ? "true" : "false");
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
const i = this.parentElement?.getAttribute("compact") !== null, a = this.parentElement?.getAttribute("horizontal") !== null;
|
|
46
45
|
return g`<cx-card part="base" class=${v({
|
|
47
46
|
"radio-card": !0,
|
|
48
47
|
"radio-card--checked": this.checked,
|
|
49
48
|
"radio-card--compact": !this.querySelector('[slot="image"]'),
|
|
50
49
|
"radio-card--disabled": this.disabled,
|
|
51
50
|
"radio-card--focused": this.hasFocus,
|
|
52
|
-
"radio-card--grouped":
|
|
51
|
+
"radio-card--grouped": this.grouped,
|
|
53
52
|
"radio-card--has-suffix": this.hasSlotController.test("suffix"),
|
|
54
|
-
"radio-card--horizontal":
|
|
53
|
+
"radio-card--horizontal": this.horizontal
|
|
55
54
|
})}><slot name="image" slot="image" class="radio-card__image"></slot><cx-radio ?disabled=${this.disabled} ?hide-indicator=${this.hideIndicator}><div class="radio-card__label"><cx-line-clamp lines=${this.disabledLineClamp ? 0 : 1}><slot></slot></cx-line-clamp><slot name="suffix" class="radio-card__label__suffix"></slot></div></cx-radio><div class="radio-card__description"><cx-line-clamp lines=${this.disabledLineClamp ? 0 : 3}><slot name="help-text"></slot></cx-line-clamp></div></cx-card>`;
|
|
56
55
|
}
|
|
57
56
|
};
|
|
58
57
|
r.styles = [u, w];
|
|
59
58
|
r.dependencies = {
|
|
60
59
|
"cx-card": _,
|
|
61
|
-
"cx-line-clamp":
|
|
62
|
-
"cx-radio":
|
|
60
|
+
"cx-line-clamp": y,
|
|
61
|
+
"cx-radio": C
|
|
63
62
|
};
|
|
64
63
|
e([
|
|
65
64
|
x("cx-radio")
|
|
@@ -71,17 +70,23 @@ e([
|
|
|
71
70
|
n()
|
|
72
71
|
], r.prototype, "hasFocus", 2);
|
|
73
72
|
e([
|
|
74
|
-
|
|
73
|
+
a()
|
|
75
74
|
], r.prototype, "value", 2);
|
|
76
75
|
e([
|
|
77
|
-
|
|
76
|
+
a({ reflect: !0, type: Boolean })
|
|
78
77
|
], r.prototype, "disabled", 2);
|
|
79
78
|
e([
|
|
80
|
-
|
|
79
|
+
a({ attribute: "hide-indicator", reflect: !0, type: Boolean })
|
|
81
80
|
], r.prototype, "hideIndicator", 2);
|
|
82
81
|
e([
|
|
83
|
-
|
|
82
|
+
a({ attribute: "disabled-line-clamp", reflect: !0, type: Boolean })
|
|
84
83
|
], r.prototype, "disabledLineClamp", 2);
|
|
84
|
+
e([
|
|
85
|
+
a({ reflect: !0, type: Boolean })
|
|
86
|
+
], r.prototype, "grouped", 2);
|
|
87
|
+
e([
|
|
88
|
+
a({ reflect: !0, type: Boolean })
|
|
89
|
+
], r.prototype, "horizontal", 2);
|
|
85
90
|
e([
|
|
86
91
|
h("checked", { waitUntilFirstUpdate: !0 })
|
|
87
92
|
], r.prototype, "handleCheckedChange", 1);
|
|
@@ -89,7 +94,7 @@ e([
|
|
|
89
94
|
h("disabled", { waitUntilFirstUpdate: !0 })
|
|
90
95
|
], r.prototype, "handleDisabledChange", 1);
|
|
91
96
|
r = e([
|
|
92
|
-
|
|
97
|
+
b("cx-radio-card")
|
|
93
98
|
], r);
|
|
94
99
|
export {
|
|
95
100
|
r as default
|
|
@@ -13,10 +13,10 @@ import { e as c } from "../chunks/class-map.BiVq-cVR.js";
|
|
|
13
13
|
import { o as _ } from "../chunks/style-map.llVFPd__.js";
|
|
14
14
|
import A from "./button-group.js";
|
|
15
15
|
const M = E`:host{--radio-group-gap:var(--cx-spacing-x-small);display:block}.form-control{border:none;margin:0;padding:0;position:relative}.form-control__label{padding:0}.radio-group{align-items:flex-start;gap:var(--radio-group-gap);flex-direction:column;display:flex}.radio-group--compact{--radio-group-gap:0px}.radio-group--horizontal{flex-flow:wrap;align-items:stretch}.radio-group--horizontal slot::slotted(cx-radio-card){flex-basis:calc(100% / var(--radio-group-columns) - var(--radio-group-gap) / var(--radio-group-columns) * (var(--radio-group-columns) - 1))}.radio-group--horizontal.radio-group--filled slot::slotted(cx-radio-card){flex-basis:auto}.radio-group--required .radio-group__label:after{content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`;
|
|
16
|
-
var k = Object.defineProperty,
|
|
17
|
-
for (var
|
|
18
|
-
(n = e[l]) && (
|
|
19
|
-
return
|
|
16
|
+
var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, i = (e, t, r, s) => {
|
|
17
|
+
for (var a = s > 1 ? void 0 : s ? z(t, r) : t, l = e.length - 1, n; l >= 0; l--)
|
|
18
|
+
(n = e[l]) && (a = (s ? n(t, r, a) : n(a)) || a);
|
|
19
|
+
return s && a && k(t, r, a), a;
|
|
20
20
|
};
|
|
21
21
|
let o = class extends f {
|
|
22
22
|
constructor() {
|
|
@@ -47,23 +47,23 @@ let o = class extends f {
|
|
|
47
47
|
];
|
|
48
48
|
}
|
|
49
49
|
handleRadioClick(e) {
|
|
50
|
-
const t = e.target.closest("cx-radio, cx-radio-button, cx-radio-card"),
|
|
51
|
-
!t || t.disabled || (this.value = t.value,
|
|
50
|
+
const t = e.target.closest("cx-radio, cx-radio-button, cx-radio-card"), r = this.getAllRadios(), s = this.value;
|
|
51
|
+
!t || t.disabled || (this.value = t.value, r.forEach((a) => a.checked = a === t), this.value !== s && (this.emit("cx-change"), this.emit("cx-input")));
|
|
52
52
|
}
|
|
53
53
|
handleKeyDown(e) {
|
|
54
54
|
if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", " "].includes(
|
|
55
55
|
e.key
|
|
56
56
|
))
|
|
57
57
|
return;
|
|
58
|
-
const t = this.getAllRadios().filter((n) => !n.disabled),
|
|
59
|
-
let l = t.indexOf(
|
|
58
|
+
const t = this.getAllRadios().filter((n) => !n.disabled), r = t.find((n) => n.checked) ?? t[0], s = e.key === " " ? 0 : ["ArrowUp", "ArrowLeft"].includes(e.key) ? -1 : 1, a = this.value;
|
|
59
|
+
let l = t.indexOf(r) + s;
|
|
60
60
|
l < 0 && (l = t.length - 1), l > t.length - 1 && (l = 0), this.getAllRadios().forEach((n) => {
|
|
61
61
|
n.checked = !1, this.hasButtonGroup || n.setAttribute("tabindex", "-1");
|
|
62
|
-
}), this.value = t[l].value, t[l].checked = !0, this.hasButtonGroup ? t[l].shadowRoot.querySelector("button").focus() : (t[l].setAttribute("tabindex", "0"), t[l].focus()), this.value !==
|
|
62
|
+
}), this.value = t[l].value, t[l].checked = !0, this.hasButtonGroup ? t[l].shadowRoot.querySelector("button").focus() : (t[l].setAttribute("tabindex", "0"), t[l].focus()), this.value !== a && (this.emit("cx-change"), this.emit("cx-input")), e.preventDefault();
|
|
63
63
|
}
|
|
64
64
|
handleLabelClick() {
|
|
65
|
-
const e = this.getAllRadios(),
|
|
66
|
-
|
|
65
|
+
const e = this.getAllRadios(), r = e.find((s) => s.checked) || e[0];
|
|
66
|
+
r && r.focus();
|
|
67
67
|
}
|
|
68
68
|
handleInvalid(e) {
|
|
69
69
|
this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
|
|
@@ -71,9 +71,13 @@ let o = class extends f {
|
|
|
71
71
|
async syncRadioElements() {
|
|
72
72
|
const e = this.getAllRadios();
|
|
73
73
|
if (await Promise.all(
|
|
74
|
-
// Sync the checked state and
|
|
74
|
+
// Sync the checked state, size, and grouped layout
|
|
75
75
|
e.map(async (t) => {
|
|
76
|
-
await t.updateComplete, t.checked = t.value === this.value, t.tagName.toLowerCase()
|
|
76
|
+
if (await t.updateComplete, t.checked = t.value === this.value, t.tagName.toLowerCase() === "cx-radio-card") {
|
|
77
|
+
const r = t;
|
|
78
|
+
r.grouped = this.compact, r.horizontal = this.horizontal;
|
|
79
|
+
} else
|
|
80
|
+
t.size = this.size;
|
|
77
81
|
})
|
|
78
82
|
), this.hasButtonGroup = e.some(
|
|
79
83
|
(t) => t.tagName.toLowerCase() === "cx-radio-button"
|
|
@@ -126,23 +130,23 @@ let o = class extends f {
|
|
|
126
130
|
this.customValidityMessage = e, this.errorMessage = e, this.validationInput.setCustomValidity(e), this.formControlController.updateValidity();
|
|
127
131
|
}
|
|
128
132
|
render() {
|
|
129
|
-
const e = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"),
|
|
133
|
+
const e = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), r = this.label ? !0 : !!e, s = this.helpText ? !0 : !!t, a = u`<slot @slotchange=${this.syncRadios} @click=${this.handleRadioClick} @keydown=${this.handleKeyDown}></slot>`;
|
|
130
134
|
return u`<fieldset part="form-control" class=${c({
|
|
131
135
|
"form-control": !0,
|
|
132
|
-
"form-control--has-help-text":
|
|
133
|
-
"form-control--has-label":
|
|
136
|
+
"form-control--has-help-text": s,
|
|
137
|
+
"form-control--has-label": r,
|
|
134
138
|
"form-control--large": this.size === "large",
|
|
135
139
|
"form-control--medium": this.size === "medium",
|
|
136
140
|
"form-control--radio-group": !0,
|
|
137
141
|
"form-control--small": this.size === "small"
|
|
138
|
-
})} role="radiogroup" aria-labelledby="label" aria-describedby="help-text" aria-errormessage="error-message"><label part="form-control-label" id="label" class="form-control__label" aria-hidden=${
|
|
142
|
+
})} role="radiogroup" aria-labelledby="label" aria-describedby="help-text" aria-errormessage="error-message"><label part="form-control-label" id="label" class="form-control__label" aria-hidden=${r ? "false" : "true"} @click=${this.handleLabelClick}><slot name="label">${this.label}</slot></label><div part="form-control-input" class="form-control-input"><div class="visually-hidden"><div id="error-message" aria-live="assertive">${this.errorMessage}</div><label class="radio-group__validation"><input type="text" class="radio-group__validation-input" ?required=${this.required} tabindex="-1" hidden @invalid=${this.handleInvalid}></label></div>${this.hasButtonGroup ? u`<cx-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${a}</cx-button-group>` : u`<div role="radiogroup" class=${c({
|
|
139
143
|
"radio-group": !0,
|
|
140
144
|
"radio-group--compact": this.compact,
|
|
141
145
|
"radio-group--filled": this.itemsPerRow < 1,
|
|
142
146
|
"radio-group--horizontal": this.horizontal
|
|
143
147
|
})} style=${_({
|
|
144
148
|
"--radio-group-columns": this.itemsPerRow
|
|
145
|
-
})}>${
|
|
149
|
+
})}>${a}</div>`}</div><div part="form-control-help-text" id="help-text" class="form-control__help-text" aria-hidden=${s ? "false" : "true"}><slot name="help-text">${this.helpText}</slot></div></fieldset>`;
|
|
146
150
|
}
|
|
147
151
|
};
|
|
148
152
|
o.styles = [
|
|
@@ -197,7 +201,7 @@ i([
|
|
|
197
201
|
d({ attribute: "items-per-row", type: Number })
|
|
198
202
|
], o.prototype, "itemsPerRow", 2);
|
|
199
203
|
i([
|
|
200
|
-
h("size", { waitUntilFirstUpdate: !0 })
|
|
204
|
+
h(["size", "compact", "horizontal"], { waitUntilFirstUpdate: !0 })
|
|
201
205
|
], o.prototype, "handleSizeChange", 1);
|
|
202
206
|
i([
|
|
203
207
|
h("value")
|
|
@@ -21,7 +21,7 @@ import { o as P } from "../chunks/unsafe-html.Dff7-rCx.js";
|
|
|
21
21
|
import { n as f } from "../chunks/when.Dr1es41R.js";
|
|
22
22
|
import { s as O, g as _ } from "../chunks/animation-registry.HmpwNuGH.js";
|
|
23
23
|
import { C as U } from "../chunks/icon.BTuMIrIm.js";
|
|
24
|
-
import { C as d } from "../chunks/option.
|
|
24
|
+
import { C as d } from "../chunks/option.zUMZKPFe.js";
|
|
25
25
|
import M from "./popup.js";
|
|
26
26
|
import N from "./spinner.js";
|
|
27
27
|
import R from "./tag.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./resize-observer.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
4
|
-
import { C as A } from "../chunks/tab-group.
|
|
4
|
+
import { C as A } from "../chunks/tab-group.BUj0CO1c.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
7
7
|
import "../chunks/scroll.xtO5yojm.js";
|
|
@@ -18,7 +18,7 @@ import "../chunks/guard.D4axKaMo.js";
|
|
|
18
18
|
import "../chunks/map.D8heArFD.js";
|
|
19
19
|
import "../chunks/style-map.llVFPd__.js";
|
|
20
20
|
import "../chunks/when.Dr1es41R.js";
|
|
21
|
-
import "../chunks/button.
|
|
21
|
+
import "../chunks/button.Dc8L4hcg.js";
|
|
22
22
|
import "./dropdown.js";
|
|
23
23
|
import "../chunks/icon-button.CBZkhhs8.js";
|
|
24
24
|
import "./menu.js";
|
|
@@ -9,7 +9,7 @@ import { default as dXt } from "./avatar.js";
|
|
|
9
9
|
import ax from "./badge.js";
|
|
10
10
|
import { default as pXt } from "./breadcrumb.js";
|
|
11
11
|
import { default as gXt } from "./breadcrumb-item.js";
|
|
12
|
-
import { C as Gi, B as El, a as bc } from "../chunks/button.
|
|
12
|
+
import { C as Gi, B as El, a as bc } from "../chunks/button.Dc8L4hcg.js";
|
|
13
13
|
import ZZ from "./button-group.js";
|
|
14
14
|
import Jg from "./card.js";
|
|
15
15
|
import Rh from "./checkbox.js";
|
|
@@ -20,8 +20,8 @@ import lx from "./details.js";
|
|
|
20
20
|
import { default as fXt } from "./diff.js";
|
|
21
21
|
import { C as Ja, D as xf, O as lF, a as eQ, H as tQ, z as nQ, o as iQ } from "../chunks/dialog.BD012ZUN.js";
|
|
22
22
|
import Mc from "./divider.js";
|
|
23
|
-
import { r as rQ, a as cF, b as oQ, c as aQ } from "../chunks/document-viewer.
|
|
24
|
-
import { C as yXt } from "../chunks/document-viewer.
|
|
23
|
+
import { r as rQ, a as cF, b as oQ, c as aQ } from "../chunks/document-viewer.DbA73wGD.js";
|
|
24
|
+
import { C as yXt } from "../chunks/document-viewer.DbA73wGD.js";
|
|
25
25
|
import { d as sQ, C as lQ } from "../chunks/dot-pagination.BqGFeFXK.js";
|
|
26
26
|
import { default as wXt } from "./dot-status.js";
|
|
27
27
|
import { default as kXt } from "./drawer.js";
|
|
@@ -52,8 +52,8 @@ import cl from "./menu-item.js";
|
|
|
52
52
|
import j4 from "./menu-label.js";
|
|
53
53
|
import pF from "./menu-section.js";
|
|
54
54
|
import _Q from "./mutation-observer.js";
|
|
55
|
-
import { C as Xo, a as CQ } from "../chunks/option.
|
|
56
|
-
import { C as SQ } from "../chunks/pagination.
|
|
55
|
+
import { C as Xo, a as CQ } from "../chunks/option.zUMZKPFe.js";
|
|
56
|
+
import { C as SQ } from "../chunks/pagination.CqJwMe9w.js";
|
|
57
57
|
import Gd from "./popup.js";
|
|
58
58
|
import TQ from "./progress-bar.js";
|
|
59
59
|
import { default as BXt } from "./progress-ring.js";
|
|
@@ -75,7 +75,7 @@ import { default as KXt } from "./step.js";
|
|
|
75
75
|
import { default as XXt } from "./stepper.js";
|
|
76
76
|
import nb from "./switch.js";
|
|
77
77
|
import VC from "./tab.js";
|
|
78
|
-
import { C as UC, T as hF, a as gF, b as mF, g as $I } from "../chunks/tab-group.
|
|
78
|
+
import { C as UC, T as hF, a as gF, b as mF, g as $I } from "../chunks/tab-group.BUj0CO1c.js";
|
|
79
79
|
import U4 from "./tab-panel.js";
|
|
80
80
|
import { default as ZXt } from "./tag.js";
|
|
81
81
|
import q4 from "./textarea.js";
|
|
@@ -115,7 +115,7 @@ import { d as Kl } from "../chunks/debounce.DaHuiSGU.js";
|
|
|
115
115
|
import { t as PS, c as WI, d as WQ, i as Uk, G as zg, j as ap, h as GQ, s as GI, T as G4, k as xn, l as kF, u as KQ, m as YQ, n as _F, o as KI } from "../chunks/string.CfI2ejyR.js";
|
|
116
116
|
import { b as QJt, e as eZt, f as tZt, y as nZt, g as iZt, p as rZt, z as oZt, x as aZt, a as sZt, w as lZt, r as cZt, q as dZt, v as uZt } from "../chunks/string.CfI2ejyR.js";
|
|
117
117
|
import { c as pn } from "../chunks/repeat.CFjcER6_.js";
|
|
118
|
-
import { a as Dy, F as Iy, i as K4, b as YI, c as XI, d as XQ, e as CF, f as SF, g as Y4, h as qk, C as JQ, j as JI, k as ZI, l as QI, m as e8, n as t8, o as n8, O as i8, D as NS, p as ZQ, q as r8, u as Wk } from "../chunks/asset-link-format.
|
|
118
|
+
import { a as Dy, F as Iy, i as K4, b as YI, c as XI, d as XQ, e as CF, f as SF, g as Y4, h as qk, C as JQ, j as JI, k as ZI, l as QI, m as e8, n as t8, o as n8, O as i8, D as NS, p as ZQ, q as r8, u as Wk } from "../chunks/asset-link-format.H5j0gJtQ.js";
|
|
119
119
|
import { H as qC } from "../chunks/slot.j5oheLJC.js";
|
|
120
120
|
import { a as hZt, g as gZt } from "../chunks/slot.j5oheLJC.js";
|
|
121
121
|
import { c as Mr, d as QQ, H as Mn, e as ka, f as ds, a as eee, b as er } from "../chunks/resizable-component.styles.CAfXABBc.js";
|
|
@@ -128,7 +128,7 @@ import { j as xZt, f as kZt, e as _Zt, i as CZt, a as SZt, h as TZt, m as EZt, d
|
|
|
128
128
|
import EF from "./bicolor-picker.js";
|
|
129
129
|
import AF from "./border-input-group.js";
|
|
130
130
|
import { C as IZt } from "../chunks/color-swatch.D6Gg5bpz.js";
|
|
131
|
-
import { C as GC, a as OF } from "../chunks/confirm-popover.
|
|
131
|
+
import { C as GC, a as OF } from "../chunks/confirm-popover.DlIPMgF1.js";
|
|
132
132
|
import iee from "./corner-position-input-group.js";
|
|
133
133
|
import ree from "./cropper.js";
|
|
134
134
|
import { h as cn, D as DF, e as c8, C as Rs, M as ib, T as cx } from "../chunks/endpoints.mJ5S-tIs.js";
|
|
@@ -141,9 +141,9 @@ import { g as MF, F as uee } from "../chunks/form.DSsy3Fcy.js";
|
|
|
141
141
|
import { c as $Zt, f as FZt, v as zZt, a as jZt } from "../chunks/form.DSsy3Fcy.js";
|
|
142
142
|
import { d as RS, c as p8, e as pee, i as h8, h as hee, p as gee, t as mee } from "../chunks/date.iWq_pkIk.js";
|
|
143
143
|
import { b as VZt, f as UZt, g as qZt, a as WZt, n as GZt } from "../chunks/date.iWq_pkIk.js";
|
|
144
|
-
import { F as PF, a as fee, b as X4, H as vee, c as i0, d as yee, o as vu } from "../chunks/color-swatch-group.
|
|
145
|
-
import { C as YZt, e as XZt, f as JZt } from "../chunks/color-swatch-group.
|
|
146
|
-
import { F as zd, C as J4, s as YC, a as $S } from "../chunks/folder-select.
|
|
144
|
+
import { F as PF, a as fee, b as X4, H as vee, c as i0, d as yee, o as vu } from "../chunks/color-swatch-group.DqP6pp2u.js";
|
|
145
|
+
import { C as YZt, e as XZt, f as JZt } from "../chunks/color-swatch-group.DqP6pp2u.js";
|
|
146
|
+
import { F as zd, C as J4, s as YC, a as $S } from "../chunks/folder-select.C4JVju2L.js";
|
|
147
147
|
import { b as XC, a as mw, c as bee, r as Ue, j as _e, w as wee, R as xee } from "../chunks/jsx-runtime.CTpPVMxj.js";
|
|
148
148
|
import { j as FS } from "../chunks/index.CrhRU5m8.js";
|
|
149
149
|
import { i as Z4, T as zS, t as kee } from "../chunks/transform.BuqENXeT.js";
|
package/library/package.json
CHANGED
|
@@ -19,6 +19,7 @@ import { default as CxSpace } from '../space/space';
|
|
|
19
19
|
* @csspart suffix - The container that wraps the suffix.
|
|
20
20
|
*
|
|
21
21
|
* @cssproperty [--option-color=var(--cx-color-neutral-700)] - The option's color.
|
|
22
|
+
* @cssproperty [--option-current-background-color=transparent] - The background color of the option under the keyboard cursor (`aria-activedescendant`). Only one option is current at a time, and it is not necessarily the selected one.
|
|
22
23
|
* @cssproperty [--option-font-weight=var(--cx-font-weight-regular)] - The option's font weight.
|
|
23
24
|
* @cssproperty [--option-help-text-color=var(--cx-color-neutral-600)] - The option's help text color.
|
|
24
25
|
* @cssproperty [--option-help-text-font-weight=var(--cx-font-weight-regular)] - The option's help text font weight.
|
|
@@ -51,6 +51,10 @@ export default class CxRadioCard extends CortexElement {
|
|
|
51
51
|
* Whether to show full text or ellipsis
|
|
52
52
|
*/
|
|
53
53
|
disabledLineClamp: boolean;
|
|
54
|
+
/** Draws the card as one segment of a joined group. Set by the radio group. */
|
|
55
|
+
grouped: boolean;
|
|
56
|
+
/** Joins the group horizontally instead of vertically. Set by the radio group. */
|
|
57
|
+
horizontal: boolean;
|
|
54
58
|
constructor();
|
|
55
59
|
runFirstUpdated(): void;
|
|
56
60
|
private handleBlur;
|
|
@@ -4097,6 +4097,14 @@
|
|
|
4097
4097
|
* Whether to show full text or ellipsis
|
|
4098
4098
|
*/
|
|
4099
4099
|
disabledLineClamp?: boolean;
|
|
4100
|
+
/**
|
|
4101
|
+
* Draws the card as one segment of a joined group. Set by the radio group.
|
|
4102
|
+
*/
|
|
4103
|
+
grouped?: boolean;
|
|
4104
|
+
/**
|
|
4105
|
+
* Joins the group horizontally instead of vertically. Set by the radio group.
|
|
4106
|
+
*/
|
|
4107
|
+
horizontal?: boolean;
|
|
4100
4108
|
/**
|
|
4101
4109
|
* Make localization attributes reactive eslint-disable-next-line lit/no-native-attributes
|
|
4102
4110
|
*/
|