123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- import {
- e as e2
- } from "./chunk.YXKHB4AC.js";
- import {
- T,
- e,
- h,
- n,
- r
- } from "./chunk.5PIDMFOE.js";
- import {
- __decorateClass
- } from "./chunk.IHGPZX35.js";
- // _uyihdawu1:/Users/claviska/Projects/shoelace/src/components/radio-group/radio-group.scss
- var radio_group_default = ":host {\n position: relative;\n box-sizing: border-box;\n}\n:host *, :host *:before, :host *:after {\n box-sizing: inherit;\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host {\n display: block;\n}\n\n.radio-group {\n border: solid var(--sl-input-border-width) var(--sl-input-border-color);\n border-radius: var(--sl-border-radius-medium);\n padding: var(--sl-spacing-large);\n padding-top: var(--sl-spacing-x-small);\n}\n.radio-group .radio-group__label {\n font-family: var(--sl-input-font-family);\n font-size: var(--sl-input-font-size-medium);\n font-weight: var(--sl-input-font-weight);\n color: var(--sl-input-color);\n padding: 0 var(--sl-spacing-xx-small);\n}\n\n::slotted(sl-radio:not(:last-of-type)) {\n display: block;\n margin-bottom: var(--sl-spacing-xx-small);\n}\n\n.radio-group--no-fieldset {\n border: none;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n.radio-group--no-fieldset .radio-group__label {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}";
- // src/components/radio-group/radio-group.ts
- var SlRadioGroup = class extends h {
- constructor() {
- super(...arguments);
- this.label = "";
- this.noFieldset = false;
- }
- render() {
- return T`
- <fieldset
- part="base"
- class=${e2({
- "radio-group": true,
- "radio-group--no-fieldset": this.noFieldset
- })}
- role="radiogroup"
- >
- <legend part="label" class="radio-group__label">
- <slot name="label">${this.label}</slot>
- </legend>
- <slot></slot>
- </fieldset>
- `;
- }
- };
- SlRadioGroup.styles = r(radio_group_default);
- __decorateClass([
- e()
- ], SlRadioGroup.prototype, "label", 2);
- __decorateClass([
- e({ type: Boolean, attribute: "no-fieldset" })
- ], SlRadioGroup.prototype, "noFieldset", 2);
- SlRadioGroup = __decorateClass([
- n("sl-radio-group")
- ], SlRadioGroup);
- var radio_group_default2 = SlRadioGroup;
- export {
- radio_group_default2 as radio_group_default
- };
|