@cas-smartdesign/radio-button-group 4.1.0 → 4.2.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/dist/docs/doc.mjs +29 -26
- package/dist/radio-button-group-with-externals.js +4 -4
- package/dist/radio-button-group-with-externals.js.map +3 -3
- package/dist/radio-button-group.d.ts +2 -0
- package/dist/radio-button-group.mjs +50 -40
- package/dist/radio-button-group.mjs.map +1 -1
- package/npm-third-party-licenses.json +37 -37
- package/package.json +6 -6
|
@@ -47,6 +47,8 @@ export declare class RadioButtonGroup extends LitElement {
|
|
|
47
47
|
private handleButtonClick;
|
|
48
48
|
private fireValueChangeEvent;
|
|
49
49
|
private handleKeyDown;
|
|
50
|
+
private focusNext;
|
|
51
|
+
private focusPrevious;
|
|
50
52
|
private getNextFocusIndex;
|
|
51
53
|
private getPreviousFocusIndex;
|
|
52
54
|
private isFocusable;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { LitElement as b, unsafeCSS as v, css as g, html as
|
|
1
|
+
import { LitElement as b, unsafeCSS as v, css as g, html as p } from "lit";
|
|
2
2
|
import { property as r } from "lit/decorators/property.js";
|
|
3
3
|
import { ifDefined as k } from "lit/directives/if-defined.js";
|
|
4
4
|
import { ValidationLevel as x } from "@cas-smartdesign/field-validation-message";
|
|
5
5
|
const y = ":host{display:block}:host,.label,.checkbox{outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .root{opacity:.6;cursor:default;filter:grayscale(100%)}:host(:not([disabled])[focused]) .highlight{display:block!important}:host([checked]) circle.inner{display:block!important}:host([checked]) circle.outer{stroke:var(--sd-radio-button-checked-color, #1467ba)!important}:host([oneline]) .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.root{display:inline-flex;align-items:center;vertical-align:middle;width:100%;padding-top:6px;padding-bottom:6px}.root .radio-button-container{position:relative;display:inline-block;width:28px;height:28px;box-sizing:border-box;cursor:pointer;margin-right:5px;flex-shrink:0}.root .radio-button-container input{position:absolute;top:0;left:0;opacity:0}.root .radio-button-container circle.highlight{stroke:var(--sd-radio-button-highlight-color, rgba(20, 103, 186, .3))}.root .radio-button-container circle.inner{fill:var(--sd-radio-button-checked-color, #1467ba)}.root .radio-button-container circle.outer{stroke:var(--sd-radio-button-unchecked-color, #767676)}.root .label{font-family:Segoe UI,Lucida Sans,Arial,sans-serif;text-overflow:ellipsis;overflow-x:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;padding-top:2px;padding-bottom:2px}";
|
|
6
|
-
var I = Object.defineProperty,
|
|
7
|
-
for (var s = void 0,
|
|
8
|
-
(u = o[
|
|
6
|
+
var I = Object.defineProperty, f = (o, t, e, i) => {
|
|
7
|
+
for (var s = void 0, c = o.length - 1, u; c >= 0; c--)
|
|
8
|
+
(u = o[c]) && (s = u(t, e, s) || s);
|
|
9
9
|
return s && I(t, e, s), s;
|
|
10
10
|
};
|
|
11
11
|
let m = 0;
|
|
@@ -24,7 +24,7 @@ const h = (n = class extends b {
|
|
|
24
24
|
];
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return
|
|
27
|
+
return p`
|
|
28
28
|
<div class="root">
|
|
29
29
|
<div class="radio-button-container">
|
|
30
30
|
<input
|
|
@@ -54,26 +54,26 @@ const h = (n = class extends b {
|
|
|
54
54
|
}, n.ID = "sd-radio-button", n.ensureDefined = () => {
|
|
55
55
|
customElements.get(n.ID) || customElements.define(n.ID, n);
|
|
56
56
|
}, n);
|
|
57
|
-
|
|
57
|
+
f([
|
|
58
58
|
r({ type: Boolean, reflect: !0, attribute: !0 })
|
|
59
59
|
], h.prototype, "checked");
|
|
60
|
-
|
|
60
|
+
f([
|
|
61
61
|
r({ type: String, reflect: !0, attribute: !0 })
|
|
62
62
|
], h.prototype, "value");
|
|
63
|
-
|
|
63
|
+
f([
|
|
64
64
|
r({ type: Boolean, reflect: !0, attribute: !0 })
|
|
65
65
|
], h.prototype, "disabled");
|
|
66
|
-
|
|
66
|
+
f([
|
|
67
67
|
r({ type: String, reflect: !0, attribute: !0 })
|
|
68
68
|
], h.prototype, "label");
|
|
69
69
|
let w = h;
|
|
70
70
|
const B = ":host(:focus){outline:none}.buttons-container{display:flex}.buttons-container.vertical{flex-direction:column}.validation-message{margin-left:5px}";
|
|
71
|
-
var C = Object.defineProperty,
|
|
72
|
-
for (var s = void 0,
|
|
73
|
-
(u = o[
|
|
71
|
+
var C = Object.defineProperty, d = (o, t, e, i) => {
|
|
72
|
+
for (var s = void 0, c = o.length - 1, u; c >= 0; c--)
|
|
73
|
+
(u = o[c]) && (s = u(t, e, s) || s);
|
|
74
74
|
return s && C(t, e, s), s;
|
|
75
|
-
},
|
|
76
|
-
const
|
|
75
|
+
}, a;
|
|
76
|
+
const l = (a = class extends b {
|
|
77
77
|
constructor() {
|
|
78
78
|
super(...arguments), this.layout = "horizontal", this.value = "", this.uncheckAllowed = !1, this.disabled = !1, this._focusIndex = -1, this._checkedButton = null, this.handleSlotChange = () => {
|
|
79
79
|
this._buttons = this.buttonsSlot.assignedElements(), this._buttons.forEach((t) => {
|
|
@@ -92,15 +92,17 @@ const a = (l = class extends b {
|
|
|
92
92
|
let e = !0;
|
|
93
93
|
switch (t.key) {
|
|
94
94
|
case "Down":
|
|
95
|
-
case "ArrowDown":
|
|
96
|
-
|
|
97
|
-
|
|
95
|
+
case "ArrowDown":
|
|
96
|
+
case "Right":
|
|
97
|
+
case "ArrowRight": {
|
|
98
|
+
this.focusNext();
|
|
98
99
|
break;
|
|
99
100
|
}
|
|
100
101
|
case "Up":
|
|
101
|
-
case "ArrowUp":
|
|
102
|
-
|
|
103
|
-
|
|
102
|
+
case "ArrowUp":
|
|
103
|
+
case "Left":
|
|
104
|
+
case "ArrowLeft": {
|
|
105
|
+
this.focusPrevious();
|
|
104
106
|
break;
|
|
105
107
|
}
|
|
106
108
|
case "Enter": {
|
|
@@ -139,14 +141,14 @@ const a = (l = class extends b {
|
|
|
139
141
|
];
|
|
140
142
|
}
|
|
141
143
|
render() {
|
|
142
|
-
return
|
|
144
|
+
return p`
|
|
143
145
|
<div
|
|
144
146
|
class="buttons-container ${this.layout === "vertical" ? "vertical" : "horizontal"}"
|
|
145
147
|
@click="${k(this.disabled ? void 0 : this.handleButtonClick)}"
|
|
146
148
|
>
|
|
147
149
|
<slot></slot>
|
|
148
150
|
</div>
|
|
149
|
-
${this.validationMessage &&
|
|
151
|
+
${this.validationMessage && p`
|
|
150
152
|
<sd-field-validation-message
|
|
151
153
|
class="validation-message"
|
|
152
154
|
.message=${this.validationMessage}
|
|
@@ -186,6 +188,14 @@ const a = (l = class extends b {
|
|
|
186
188
|
})
|
|
187
189
|
);
|
|
188
190
|
}
|
|
191
|
+
focusNext() {
|
|
192
|
+
const t = this.getNextFocusIndex(this.focusIndex + 1);
|
|
193
|
+
this.focusIndex = t !== -1 ? t : this.getNextFocusIndex(0), this.uncheckAllowed || this.updateChecked();
|
|
194
|
+
}
|
|
195
|
+
focusPrevious() {
|
|
196
|
+
const t = this.getPreviousFocusIndex(this.focusIndex - 1);
|
|
197
|
+
this.focusIndex = t !== -1 ? t : this.getPreviousFocusIndex(this.childElementCount - 1), this.uncheckAllowed || this.updateChecked();
|
|
198
|
+
}
|
|
189
199
|
getNextFocusIndex(t) {
|
|
190
200
|
for (let e = t; e < this.childElementCount; e++) {
|
|
191
201
|
const i = this._buttons[e];
|
|
@@ -230,28 +240,28 @@ const a = (l = class extends b {
|
|
|
230
240
|
get selectedIndex() {
|
|
231
241
|
return this._buttons.indexOf(this._checkedButton);
|
|
232
242
|
}
|
|
233
|
-
},
|
|
234
|
-
w.ensureDefined(), customElements.get(
|
|
235
|
-
},
|
|
236
|
-
|
|
243
|
+
}, a.ID = "sd-radio-button-group", a.ensureDefined = () => {
|
|
244
|
+
w.ensureDefined(), customElements.get(a.ID) || customElements.define(a.ID, a);
|
|
245
|
+
}, a);
|
|
246
|
+
d([
|
|
237
247
|
r({ type: String, reflect: !0, attribute: !0 })
|
|
238
|
-
],
|
|
239
|
-
|
|
248
|
+
], l.prototype, "layout");
|
|
249
|
+
d([
|
|
240
250
|
r({ type: String })
|
|
241
|
-
],
|
|
242
|
-
|
|
251
|
+
], l.prototype, "value");
|
|
252
|
+
d([
|
|
243
253
|
r({ type: Boolean, reflect: !0, attribute: "uncheck-allowed" })
|
|
244
|
-
],
|
|
245
|
-
|
|
254
|
+
], l.prototype, "uncheckAllowed");
|
|
255
|
+
d([
|
|
246
256
|
r({ type: Boolean, reflect: !0, attribute: !0 })
|
|
247
|
-
],
|
|
248
|
-
|
|
257
|
+
], l.prototype, "disabled");
|
|
258
|
+
d([
|
|
249
259
|
r({ type: String })
|
|
250
|
-
],
|
|
251
|
-
|
|
260
|
+
], l.prototype, "validationMessage");
|
|
261
|
+
d([
|
|
252
262
|
r({ type: String })
|
|
253
|
-
],
|
|
254
|
-
|
|
263
|
+
], l.prototype, "validationIconSrc");
|
|
264
|
+
d([
|
|
255
265
|
r({
|
|
256
266
|
type: {
|
|
257
267
|
fromAttribute(o) {
|
|
@@ -263,8 +273,8 @@ c([
|
|
|
263
273
|
},
|
|
264
274
|
reflect: !0
|
|
265
275
|
})
|
|
266
|
-
],
|
|
267
|
-
let _ =
|
|
276
|
+
], l.prototype, "validationLevel");
|
|
277
|
+
let _ = l;
|
|
268
278
|
_.ensureDefined();
|
|
269
279
|
export {
|
|
270
280
|
w as RadioButton,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-group.mjs","sources":["../radio-button.ts","../radio-button-group.ts"],"sourcesContent":["import { LitElement, TemplateResult, html, unsafeCSS, css, nothing } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [RadioButton.ID]: RadioButton;\n }\n}\n\nimport style from \"./scss/button.scss?inline\";\nlet idCounter = 0;\n\nexport class RadioButton extends LitElement {\n public static readonly ID = \"sd-radio-button\";\n public static ensureDefined = (): void => {\n if (!customElements.get(RadioButton.ID)) {\n customElements.define(RadioButton.ID, RadioButton);\n }\n };\n @property({ type: Boolean, reflect: true, attribute: true })\n public checked = false;\n @property({ type: String, reflect: true, attribute: true })\n public value = \"\";\n @property({ type: Boolean, reflect: true, attribute: true })\n public disabled = false;\n @property({ type: String, reflect: true, attribute: true })\n public label = \"\";\n\n private a11yID;\n\n constructor() {\n super();\n this.a11yID = RadioButton.ID + \"_\" + idCounter++;\n }\n\n static get styles() {\n return [\n css`\n ${unsafeCSS(style)}\n `,\n ];\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"root\">\n <div class=\"radio-button-container\">\n <input\n type=\"radio\"\n id=\"${this.a11yID}\"\n .checked=\"${this.checked}\"\n ?disabled=\"${this.disabled}\"\n @click=\"${this.handleClick}\"\n class=\"radio-button\"\n />\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-14 -14 28 28\">\n <circle\n class=\"highlight\"\n style=\"display:none\"\n r=\"11px\"\n fill=\"transparent\"\n stroke-width=\"6px\"\n ></circle>\n <circle class=\"inner\" r=\"6px\" style=\"display:none\" stroke=\"none\"></circle>\n <circle class=\"outer\" r=\"9px\" fill=\"transparent\" stroke-width=\"2px\"></circle>\n </svg>\n </div>\n <label class=\"label\" for=\"${this.a11yID}\" @click=\"${this.handleClick}\">${this.label}</label>\n </div>\n `;\n }\n\n private handleClick = (event: MouseEvent): void => {\n event.preventDefault();\n };\n}\n","import { LitElement, TemplateResult, html, PropertyValues, ComplexAttributeConverter, unsafeCSS, css } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { RadioButton } from \"./radio-button\";\nimport { ValidationLevel } from \"@cas-smartdesign/field-validation-message\";\nimport type { LayoutType, IValueChangeEvent } from \"./types\";\n\nexport { RadioButton } from \"./radio-button\";\nexport type * from \"./types\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [RadioButtonGroup.ID]: RadioButtonGroup;\n }\n}\nimport style from \"./scss/group.scss?inline\";\n\nexport interface CustomEventMap extends HTMLElementEventMap {\n \"value-change\": CustomEvent<IValueChangeEvent>;\n}\n\nexport interface RadioButtonGroup {\n addEventListener<K extends keyof CustomEventMap>(\n event: K,\n listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null,\n options?: AddEventListenerOptions | boolean,\n ): void;\n addEventListener(\n type: string,\n callback: EventListenerOrEventListenerObject | null,\n options?: AddEventListenerOptions | boolean,\n ): void;\n removeEventListener<K extends keyof CustomEventMap>(\n type: K,\n listener: (this: this, ev: CustomEventMap[K]) => unknown,\n options?: boolean | EventListenerOptions,\n ): void;\n removeEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean | EventListenerOptions,\n ): void;\n dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport class RadioButtonGroup extends LitElement {\n public static readonly ID = \"sd-radio-button-group\";\n public static ensureDefined = (): void => {\n RadioButton.ensureDefined();\n if (!customElements.get(RadioButtonGroup.ID)) {\n customElements.define(RadioButtonGroup.ID, RadioButtonGroup);\n }\n };\n @property({ type: String, reflect: true, attribute: true })\n public layout: LayoutType = \"horizontal\";\n @property({ type: String })\n public value = \"\";\n @property({ type: Boolean, reflect: true, attribute: \"uncheck-allowed\" })\n public uncheckAllowed = false;\n @property({ type: Boolean, reflect: true, attribute: true })\n public disabled = false;\n @property({ type: String })\n public validationMessage: string;\n @property({ type: String })\n public validationIconSrc: string;\n @property({\n type: {\n fromAttribute(value: string): ValidationLevel {\n return value && ValidationLevel[value.toLowerCase()];\n },\n toAttribute(value: ValidationLevel): string {\n return value && value.toLowerCase();\n },\n } as ComplexAttributeConverter,\n reflect: true,\n })\n public validationLevel: ValidationLevel;\n\n private _buttonsSlot: HTMLSlotElement;\n private _buttons: HTMLElement[];\n private _focusIndex = -1;\n private _checkedButton: HTMLElement = null;\n\n public get focusIndex(): number {\n return this._focusIndex;\n }\n\n public set focusIndex(index: number) {\n if (index >= -1 && index < this.childElementCount) {\n const oldValue = this._focusIndex;\n this._focusIndex = index;\n if (oldValue !== index) {\n const previousButton = this._buttons[oldValue];\n const currentButton = this._buttons[this.focusIndex];\n this.updateFocused(previousButton, currentButton);\n }\n }\n }\n\n protected firstUpdated(changedProperties: PropertyValues): void {\n super.firstUpdated(changedProperties);\n this.buttonsSlot.addEventListener(\"slotchange\", this.handleSlotChange);\n this.addEventListener(\"focusin\", this.handleFocusIn);\n this.addEventListener(\"focusout\", this.handleFocusOut);\n this.addEventListener(\"keydown\", this.handleKeyDown);\n }\n\n protected updated(changedProperties: PropertyValues): void {\n super.updated(changedProperties);\n if (changedProperties.has(\"disabled\")) {\n if (this.disabled) {\n this.disableButtons();\n } else {\n this.enableButtons();\n }\n }\n }\n\n static get styles() {\n return [\n css`\n ${unsafeCSS(style)}\n `,\n ];\n }\n public render(): TemplateResult {\n return html`\n <div\n class=\"buttons-container ${this.layout === \"vertical\" ? \"vertical\" : \"horizontal\"}\"\n @click=\"${ifDefined(this.disabled ? undefined : this.handleButtonClick)}\"\n >\n <slot></slot>\n </div>\n ${this.validationMessage &&\n html`\n <sd-field-validation-message\n class=\"validation-message\"\n .message=${this.validationMessage}\n .icon=${this.validationIconSrc}\n .level=${this.validationLevel}\n >\n </sd-field-validation-message>\n `}\n `;\n }\n\n private handleSlotChange = (): void => {\n this._buttons = this.buttonsSlot.assignedElements() as HTMLElement[];\n this._buttons.forEach((button) => {\n if (!button.hasAttribute(\"disabled\") && this.disabled) {\n button.setAttribute(\"disabled\", \"\");\n }\n // prevent radio buttons to be able to get focus by tabbing\n // as focus is handled by this element\n button.setAttribute(\"tabIndex\", \"-1\");\n this.updateCheckedButton(button);\n });\n };\n\n private updateCheckedButton(button: HTMLElement): void {\n if (this._checkedButton && this._checkedButton !== button) {\n this.uncheckButton(button);\n } else if (button.hasAttribute(\"checked\")) {\n this._checkedButton = button;\n const value = button.getAttribute(\"value\");\n this.updateValue(value);\n }\n }\n\n private handleFocusIn = (event: FocusEvent): void => {\n const target = event.target as HTMLElement;\n const ind = this._buttons.findIndex((button) => button == target);\n this.focusIndex = this.focusIndex >= 0 ? this.focusIndex : this.getNextFocusIndex(ind !== -1 ? ind : 0);\n this.updateFocused(null, this._buttons[this.focusIndex]);\n };\n\n private handleFocusOut = (): void => {\n this.updateFocused(this._buttons[this.focusIndex]);\n };\n\n private disableButtons(): void {\n this._buttons?.forEach((button) => {\n button.setAttribute(\"disabled\", \"\");\n });\n }\n\n private enableButtons(): void {\n this._buttons?.forEach((button) => {\n button.removeAttribute(\"disabled\");\n });\n }\n\n private handleButtonClick = (event: MouseEvent): void => {\n // the individual buttons are not focusable\n this.focus();\n const target = this._buttons.find((button) => button.contains(event.target as Node));\n const targetIndex = this._buttons.findIndex((button) => button == target);\n if (targetIndex >= 0) {\n this.focusIndex = targetIndex;\n this.updateChecked();\n }\n };\n\n private fireValueChangeEvent(): void {\n this.dispatchEvent(\n new CustomEvent<IValueChangeEvent>(\"value-change\", {\n detail: {\n value: this.value,\n selectedIndex: this.selectedIndex,\n },\n }),\n );\n }\n\n private handleKeyDown = (event: KeyboardEvent): void => {\n let shouldPrevent = true;\n switch (event.key) {\n case \"Down\":\n case \"ArrowDown\": {\n const newIndex = this.getNextFocusIndex(this.focusIndex + 1);\n this.focusIndex = newIndex !== -1 ? newIndex : this.getNextFocusIndex(0);\n if (!this.uncheckAllowed) {\n this.updateChecked();\n }\n break;\n }\n case \"Up\":\n case \"ArrowUp\": {\n const newIndex = this.getPreviousFocusIndex(this.focusIndex - 1);\n this.focusIndex = newIndex !== -1 ? newIndex : this.getPreviousFocusIndex(this.childElementCount - 1);\n if (!this.uncheckAllowed) {\n this.updateChecked();\n }\n break;\n }\n case \"Enter\": {\n this.updateChecked();\n break;\n }\n default: {\n shouldPrevent = false;\n }\n }\n if (shouldPrevent) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n private getNextFocusIndex(index: number): number {\n for (let i = index; i < this.childElementCount; i++) {\n const button = this._buttons[i];\n if (this.isFocusable(button)) {\n return i;\n }\n }\n\n return -1;\n }\n\n private getPreviousFocusIndex(index: number): number {\n for (let i = index; i >= 0; i--) {\n const button = this._buttons[i];\n if (this.isFocusable(button)) {\n return i;\n }\n }\n\n return -1;\n }\n\n private isFocusable(button: HTMLElement): boolean {\n return !button.hasAttribute(\"disabled\");\n }\n\n private updateChecked(): void {\n const previousChecked = this._checkedButton;\n const currentChecked = this._buttons[this.focusIndex];\n this._checkedButton = currentChecked;\n if (previousChecked && previousChecked !== currentChecked) {\n this.uncheckButton(previousChecked);\n }\n if (currentChecked) {\n this.toggleButton(currentChecked);\n }\n }\n\n private toggleButton(button: HTMLElement): void {\n const checked = button.hasAttribute(\"checked\");\n if (checked) {\n if (this.uncheckAllowed) {\n this.uncheckButton(button);\n this._checkedButton = null;\n this.updateValue(\"\");\n }\n } else {\n this.checkButton(button);\n this.updateValue(button.getAttribute(\"value\"));\n }\n }\n\n private updateValue(newValue: string): void {\n this.value = newValue;\n this.fireValueChangeEvent();\n }\n\n private updateFocused(previousFocused?: HTMLElement, currentFocused?: HTMLElement): void {\n previousFocused?.removeAttribute?.(\"focused\");\n currentFocused?.setAttribute?.(\"focused\", \"\");\n }\n\n private checkButton(button: HTMLElement): void {\n button.setAttribute(\"checked\", \"\");\n }\n\n private uncheckButton(button: HTMLElement): void {\n button.removeAttribute(\"checked\");\n }\n\n private get buttonsSlot(): HTMLSlotElement {\n if (this.shadowRoot && !this._buttonsSlot) {\n this._buttonsSlot = this.shadowRoot.querySelector(\"slot\");\n }\n return this._buttonsSlot;\n }\n\n private get selectedIndex(): number {\n return this._buttons.indexOf(this._checkedButton);\n }\n}\n\nRadioButtonGroup.ensureDefined();\n"],"names":["idCounter","_RadioButton","_a","LitElement","event","css","unsafeCSS","style","html","__decorateClass","property","RadioButton","_RadioButtonGroup","button","target","ind","targetIndex","shouldPrevent","newIndex","index","oldValue","previousButton","currentButton","changedProperties","ifDefined","value","i","previousChecked","currentChecked","newValue","previousFocused","currentFocused","ValidationLevel","RadioButtonGroup"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"radio-button-group.mjs","sources":["../radio-button.ts","../radio-button-group.ts"],"sourcesContent":["import { LitElement, TemplateResult, html, unsafeCSS, css, nothing } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [RadioButton.ID]: RadioButton;\n }\n}\n\nimport style from \"./scss/button.scss?inline\";\nlet idCounter = 0;\n\nexport class RadioButton extends LitElement {\n public static readonly ID = \"sd-radio-button\";\n public static ensureDefined = (): void => {\n if (!customElements.get(RadioButton.ID)) {\n customElements.define(RadioButton.ID, RadioButton);\n }\n };\n @property({ type: Boolean, reflect: true, attribute: true })\n public checked = false;\n @property({ type: String, reflect: true, attribute: true })\n public value = \"\";\n @property({ type: Boolean, reflect: true, attribute: true })\n public disabled = false;\n @property({ type: String, reflect: true, attribute: true })\n public label = \"\";\n\n private a11yID;\n\n constructor() {\n super();\n this.a11yID = RadioButton.ID + \"_\" + idCounter++;\n }\n\n static get styles() {\n return [\n css`\n ${unsafeCSS(style)}\n `,\n ];\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"root\">\n <div class=\"radio-button-container\">\n <input\n type=\"radio\"\n id=\"${this.a11yID}\"\n .checked=\"${this.checked}\"\n ?disabled=\"${this.disabled}\"\n @click=\"${this.handleClick}\"\n class=\"radio-button\"\n />\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-14 -14 28 28\">\n <circle\n class=\"highlight\"\n style=\"display:none\"\n r=\"11px\"\n fill=\"transparent\"\n stroke-width=\"6px\"\n ></circle>\n <circle class=\"inner\" r=\"6px\" style=\"display:none\" stroke=\"none\"></circle>\n <circle class=\"outer\" r=\"9px\" fill=\"transparent\" stroke-width=\"2px\"></circle>\n </svg>\n </div>\n <label class=\"label\" for=\"${this.a11yID}\" @click=\"${this.handleClick}\">${this.label}</label>\n </div>\n `;\n }\n\n private handleClick = (event: MouseEvent): void => {\n event.preventDefault();\n };\n}\n","import { LitElement, TemplateResult, html, PropertyValues, ComplexAttributeConverter, unsafeCSS, css } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { RadioButton } from \"./radio-button\";\nimport { ValidationLevel } from \"@cas-smartdesign/field-validation-message\";\nimport type { LayoutType, IValueChangeEvent } from \"./types\";\n\nexport { RadioButton } from \"./radio-button\";\nexport type * from \"./types\";\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [RadioButtonGroup.ID]: RadioButtonGroup;\n }\n}\nimport style from \"./scss/group.scss?inline\";\n\nexport interface CustomEventMap extends HTMLElementEventMap {\n \"value-change\": CustomEvent<IValueChangeEvent>;\n}\n\nexport interface RadioButtonGroup {\n addEventListener<K extends keyof CustomEventMap>(\n event: K,\n listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null,\n options?: AddEventListenerOptions | boolean,\n ): void;\n addEventListener(\n type: string,\n callback: EventListenerOrEventListenerObject | null,\n options?: AddEventListenerOptions | boolean,\n ): void;\n removeEventListener<K extends keyof CustomEventMap>(\n type: K,\n listener: (this: this, ev: CustomEventMap[K]) => unknown,\n options?: boolean | EventListenerOptions,\n ): void;\n removeEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean | EventListenerOptions,\n ): void;\n dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport class RadioButtonGroup extends LitElement {\n public static readonly ID = \"sd-radio-button-group\";\n public static ensureDefined = (): void => {\n RadioButton.ensureDefined();\n if (!customElements.get(RadioButtonGroup.ID)) {\n customElements.define(RadioButtonGroup.ID, RadioButtonGroup);\n }\n };\n @property({ type: String, reflect: true, attribute: true })\n public layout: LayoutType = \"horizontal\";\n @property({ type: String })\n public value = \"\";\n @property({ type: Boolean, reflect: true, attribute: \"uncheck-allowed\" })\n public uncheckAllowed = false;\n @property({ type: Boolean, reflect: true, attribute: true })\n public disabled = false;\n @property({ type: String })\n public validationMessage: string;\n @property({ type: String })\n public validationIconSrc: string;\n @property({\n type: {\n fromAttribute(value: string): ValidationLevel {\n return value && ValidationLevel[value.toLowerCase()];\n },\n toAttribute(value: ValidationLevel): string {\n return value && value.toLowerCase();\n },\n } as ComplexAttributeConverter,\n reflect: true,\n })\n public validationLevel: ValidationLevel;\n\n private _buttonsSlot: HTMLSlotElement;\n private _buttons: HTMLElement[];\n private _focusIndex = -1;\n private _checkedButton: HTMLElement = null;\n\n public get focusIndex(): number {\n return this._focusIndex;\n }\n\n public set focusIndex(index: number) {\n if (index >= -1 && index < this.childElementCount) {\n const oldValue = this._focusIndex;\n this._focusIndex = index;\n if (oldValue !== index) {\n const previousButton = this._buttons[oldValue];\n const currentButton = this._buttons[this.focusIndex];\n this.updateFocused(previousButton, currentButton);\n }\n }\n }\n\n protected firstUpdated(changedProperties: PropertyValues): void {\n super.firstUpdated(changedProperties);\n this.buttonsSlot.addEventListener(\"slotchange\", this.handleSlotChange);\n this.addEventListener(\"focusin\", this.handleFocusIn);\n this.addEventListener(\"focusout\", this.handleFocusOut);\n this.addEventListener(\"keydown\", this.handleKeyDown);\n }\n\n protected updated(changedProperties: PropertyValues): void {\n super.updated(changedProperties);\n if (changedProperties.has(\"disabled\")) {\n if (this.disabled) {\n this.disableButtons();\n } else {\n this.enableButtons();\n }\n }\n }\n\n static get styles() {\n return [\n css`\n ${unsafeCSS(style)}\n `,\n ];\n }\n public render(): TemplateResult {\n return html`\n <div\n class=\"buttons-container ${this.layout === \"vertical\" ? \"vertical\" : \"horizontal\"}\"\n @click=\"${ifDefined(this.disabled ? undefined : this.handleButtonClick)}\"\n >\n <slot></slot>\n </div>\n ${this.validationMessage &&\n html`\n <sd-field-validation-message\n class=\"validation-message\"\n .message=${this.validationMessage}\n .icon=${this.validationIconSrc}\n .level=${this.validationLevel}\n >\n </sd-field-validation-message>\n `}\n `;\n }\n\n private handleSlotChange = (): void => {\n this._buttons = this.buttonsSlot.assignedElements() as HTMLElement[];\n this._buttons.forEach((button) => {\n if (!button.hasAttribute(\"disabled\") && this.disabled) {\n button.setAttribute(\"disabled\", \"\");\n }\n // prevent radio buttons to be able to get focus by tabbing\n // as focus is handled by this element\n button.setAttribute(\"tabIndex\", \"-1\");\n this.updateCheckedButton(button);\n });\n };\n\n private updateCheckedButton(button: HTMLElement): void {\n if (this._checkedButton && this._checkedButton !== button) {\n this.uncheckButton(button);\n } else if (button.hasAttribute(\"checked\")) {\n this._checkedButton = button;\n const value = button.getAttribute(\"value\");\n this.updateValue(value);\n }\n }\n\n private handleFocusIn = (event: FocusEvent): void => {\n const target = event.target as HTMLElement;\n const ind = this._buttons.findIndex((button) => button == target);\n this.focusIndex = this.focusIndex >= 0 ? this.focusIndex : this.getNextFocusIndex(ind !== -1 ? ind : 0);\n this.updateFocused(null, this._buttons[this.focusIndex]);\n };\n\n private handleFocusOut = (): void => {\n this.updateFocused(this._buttons[this.focusIndex]);\n };\n\n private disableButtons(): void {\n this._buttons?.forEach((button) => {\n button.setAttribute(\"disabled\", \"\");\n });\n }\n\n private enableButtons(): void {\n this._buttons?.forEach((button) => {\n button.removeAttribute(\"disabled\");\n });\n }\n\n private handleButtonClick = (event: MouseEvent): void => {\n // the individual buttons are not focusable\n this.focus();\n const target = this._buttons.find((button) => button.contains(event.target as Node));\n const targetIndex = this._buttons.findIndex((button) => button == target);\n if (targetIndex >= 0) {\n this.focusIndex = targetIndex;\n this.updateChecked();\n }\n };\n\n private fireValueChangeEvent(): void {\n this.dispatchEvent(\n new CustomEvent<IValueChangeEvent>(\"value-change\", {\n detail: {\n value: this.value,\n selectedIndex: this.selectedIndex,\n },\n }),\n );\n }\n\n private handleKeyDown = (event: KeyboardEvent): void => {\n let shouldPrevent = true;\n switch (event.key) {\n case \"Down\":\n case \"ArrowDown\":\n case \"Right\":\n case \"ArrowRight\": {\n this.focusNext();\n break;\n }\n case \"Up\":\n case \"ArrowUp\":\n case \"Left\":\n case \"ArrowLeft\": {\n this.focusPrevious();\n break;\n }\n case \"Enter\": {\n this.updateChecked();\n break;\n }\n default: {\n shouldPrevent = false;\n }\n }\n if (shouldPrevent) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n private focusNext() {\n const newIndex = this.getNextFocusIndex(this.focusIndex + 1);\n this.focusIndex = newIndex !== -1 ? newIndex : this.getNextFocusIndex(0);\n if (!this.uncheckAllowed) {\n this.updateChecked();\n }\n }\n\n private focusPrevious() {\n const newIndex = this.getPreviousFocusIndex(this.focusIndex - 1);\n this.focusIndex = newIndex !== -1 ? newIndex : this.getPreviousFocusIndex(this.childElementCount - 1);\n if (!this.uncheckAllowed) {\n this.updateChecked();\n }\n }\n\n private getNextFocusIndex(index: number): number {\n for (let i = index; i < this.childElementCount; i++) {\n const button = this._buttons[i];\n if (this.isFocusable(button)) {\n return i;\n }\n }\n\n return -1;\n }\n\n private getPreviousFocusIndex(index: number): number {\n for (let i = index; i >= 0; i--) {\n const button = this._buttons[i];\n if (this.isFocusable(button)) {\n return i;\n }\n }\n\n return -1;\n }\n\n private isFocusable(button: HTMLElement): boolean {\n return !button.hasAttribute(\"disabled\");\n }\n\n private updateChecked(): void {\n const previousChecked = this._checkedButton;\n const currentChecked = this._buttons[this.focusIndex];\n this._checkedButton = currentChecked;\n if (previousChecked && previousChecked !== currentChecked) {\n this.uncheckButton(previousChecked);\n }\n if (currentChecked) {\n this.toggleButton(currentChecked);\n }\n }\n\n private toggleButton(button: HTMLElement): void {\n const checked = button.hasAttribute(\"checked\");\n if (checked) {\n if (this.uncheckAllowed) {\n this.uncheckButton(button);\n this._checkedButton = null;\n this.updateValue(\"\");\n }\n } else {\n this.checkButton(button);\n this.updateValue(button.getAttribute(\"value\"));\n }\n }\n\n private updateValue(newValue: string): void {\n this.value = newValue;\n this.fireValueChangeEvent();\n }\n\n private updateFocused(previousFocused?: HTMLElement, currentFocused?: HTMLElement): void {\n previousFocused?.removeAttribute?.(\"focused\");\n currentFocused?.setAttribute?.(\"focused\", \"\");\n }\n\n private checkButton(button: HTMLElement): void {\n button.setAttribute(\"checked\", \"\");\n }\n\n private uncheckButton(button: HTMLElement): void {\n button.removeAttribute(\"checked\");\n }\n\n private get buttonsSlot(): HTMLSlotElement {\n if (this.shadowRoot && !this._buttonsSlot) {\n this._buttonsSlot = this.shadowRoot.querySelector(\"slot\");\n }\n return this._buttonsSlot;\n }\n\n private get selectedIndex(): number {\n return this._buttons.indexOf(this._checkedButton);\n }\n}\n\nRadioButtonGroup.ensureDefined();\n"],"names":["idCounter","_RadioButton","_a","LitElement","event","css","unsafeCSS","style","html","__decorateClass","property","RadioButton","_RadioButtonGroup","button","target","ind","targetIndex","shouldPrevent","index","oldValue","previousButton","currentButton","changedProperties","ifDefined","value","newIndex","i","previousChecked","currentChecked","newValue","previousFocused","currentFocused","ValidationLevel","RadioButtonGroup"],"mappings":"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"}
|
|
@@ -7,52 +7,52 @@
|
|
|
7
7
|
"@eslint/js@9.34.0": {
|
|
8
8
|
"licenses": "MIT",
|
|
9
9
|
"repository": "https://github.com/eslint/eslint",
|
|
10
|
-
"licenseUrl": "https://
|
|
10
|
+
"licenseUrl": "https://unpkg.com/@eslint/js@9.34.0/LICENSE"
|
|
11
11
|
},
|
|
12
12
|
"@rollup/plugin-node-resolve@16.0.1": {
|
|
13
13
|
"licenses": "MIT",
|
|
14
14
|
"repository": "https://github.com/rollup/plugins",
|
|
15
|
-
"licenseUrl": "https://
|
|
15
|
+
"licenseUrl": "https://unpkg.com/@rollup/plugin-node-resolve@16.0.1/LICENSE"
|
|
16
16
|
},
|
|
17
17
|
"@types/node@24.3.0": {
|
|
18
18
|
"licenses": "MIT",
|
|
19
19
|
"repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
|
|
20
|
-
"licenseUrl": "https://
|
|
20
|
+
"licenseUrl": "https://unpkg.com/@types/node@24.3.0/LICENSE"
|
|
21
21
|
},
|
|
22
22
|
"@types/postcss-prefix-selector@1.16.3": {
|
|
23
23
|
"licenses": "MIT",
|
|
24
24
|
"repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
|
|
25
|
-
"licenseUrl": "https://
|
|
25
|
+
"licenseUrl": "https://unpkg.com/@types/postcss-prefix-selector@1.16.3/LICENSE"
|
|
26
26
|
},
|
|
27
27
|
"@typescript-eslint/eslint-plugin@8.41.0": {
|
|
28
28
|
"licenses": "MIT",
|
|
29
29
|
"repository": "https://github.com/typescript-eslint/typescript-eslint",
|
|
30
|
-
"licenseUrl": "https://
|
|
30
|
+
"licenseUrl": "https://unpkg.com/@typescript-eslint/eslint-plugin@8.41.0/LICENSE"
|
|
31
31
|
},
|
|
32
32
|
"@typescript-eslint/parser@8.41.0": {
|
|
33
33
|
"licenses": "MIT",
|
|
34
34
|
"repository": "https://github.com/typescript-eslint/typescript-eslint",
|
|
35
|
-
"licenseUrl": "https://
|
|
35
|
+
"licenseUrl": "https://unpkg.com/@typescript-eslint/parser@8.41.0/LICENSE"
|
|
36
36
|
},
|
|
37
37
|
"@vitest/coverage-v8@3.2.4": {
|
|
38
38
|
"licenses": "MIT",
|
|
39
39
|
"repository": "https://github.com/vitest-dev/vitest",
|
|
40
|
-
"licenseUrl": "https://
|
|
40
|
+
"licenseUrl": "https://unpkg.com/@vitest/coverage-v8@3.2.4/LICENSE"
|
|
41
41
|
},
|
|
42
42
|
"@vitest/ui@3.2.4": {
|
|
43
43
|
"licenses": "MIT",
|
|
44
44
|
"repository": "https://github.com/vitest-dev/vitest",
|
|
45
|
-
"licenseUrl": "https://
|
|
45
|
+
"licenseUrl": "https://unpkg.com/@vitest/ui@3.2.4/LICENSE"
|
|
46
46
|
},
|
|
47
47
|
"axe-core@4.10.3": {
|
|
48
48
|
"licenses": "MPL-2.0",
|
|
49
49
|
"repository": "https://github.com/dequelabs/axe-core",
|
|
50
|
-
"licenseUrl": "https://
|
|
50
|
+
"licenseUrl": "https://unpkg.com/axe-core@4.10.3/LICENSE"
|
|
51
51
|
},
|
|
52
52
|
"cypress-axe@1.7.0": {
|
|
53
53
|
"licenses": "MIT",
|
|
54
54
|
"repository": "https://github.com/component-driven/cypress-axe",
|
|
55
|
-
"licenseUrl": "https://
|
|
55
|
+
"licenseUrl": "https://unpkg.com/cypress-axe@1.7.0/License.md"
|
|
56
56
|
},
|
|
57
57
|
"cypress@15.0.0": {
|
|
58
58
|
"licenses": "MIT",
|
|
@@ -62,136 +62,136 @@
|
|
|
62
62
|
"esbuild@0.25.9": {
|
|
63
63
|
"licenses": "MIT",
|
|
64
64
|
"repository": "https://github.com/evanw/esbuild",
|
|
65
|
-
"licenseUrl": "https://
|
|
65
|
+
"licenseUrl": "https://unpkg.com/esbuild@0.25.9/LICENSE.md"
|
|
66
66
|
},
|
|
67
67
|
"eslint-config-google@0.14.0": {
|
|
68
68
|
"licenses": "Apache-2.0",
|
|
69
69
|
"repository": "https://github.com/google/eslint-config-google",
|
|
70
|
-
"licenseUrl": "https://
|
|
70
|
+
"licenseUrl": "https://unpkg.com/eslint-config-google@0.14.0/LICENSE"
|
|
71
71
|
},
|
|
72
72
|
"eslint-config-prettier@10.1.8": {
|
|
73
73
|
"licenses": "MIT",
|
|
74
74
|
"repository": "https://github.com/prettier/eslint-config-prettier",
|
|
75
|
-
"licenseUrl": "https://
|
|
75
|
+
"licenseUrl": "https://unpkg.com/eslint-config-prettier@10.1.8/LICENSE"
|
|
76
76
|
},
|
|
77
77
|
"eslint@9.34.0": {
|
|
78
78
|
"licenses": "MIT",
|
|
79
79
|
"repository": "https://github.com/eslint/eslint",
|
|
80
|
-
"licenseUrl": "https://
|
|
80
|
+
"licenseUrl": "https://unpkg.com/eslint@9.34.0/LICENSE"
|
|
81
81
|
},
|
|
82
82
|
"github-markdown-css@5.8.1": {
|
|
83
83
|
"licenses": "MIT",
|
|
84
84
|
"repository": "https://github.com/sindresorhus/github-markdown-css",
|
|
85
|
-
"licenseUrl": "https://
|
|
85
|
+
"licenseUrl": "https://unpkg.com/github-markdown-css@5.8.1/license"
|
|
86
86
|
},
|
|
87
87
|
"highlight.js@11.11.1": {
|
|
88
88
|
"licenses": "BSD-3-Clause",
|
|
89
89
|
"repository": "https://github.com/highlightjs/highlight.js",
|
|
90
|
-
"licenseUrl": "https://
|
|
90
|
+
"licenseUrl": "https://unpkg.com/highlight.js@11.11.1/LICENSE"
|
|
91
91
|
},
|
|
92
92
|
"junit-report-builder@5.1.1": {
|
|
93
93
|
"licenses": "MIT",
|
|
94
94
|
"repository": "https://github.com/davidparsson/junit-report-builder",
|
|
95
|
-
"licenseUrl": "https://
|
|
95
|
+
"licenseUrl": "https://unpkg.com/junit-report-builder@5.1.1/LICENSE"
|
|
96
96
|
},
|
|
97
97
|
"lint-staged@16.1.5": {
|
|
98
98
|
"licenses": "MIT",
|
|
99
99
|
"repository": "https://github.com/lint-staged/lint-staged",
|
|
100
|
-
"licenseUrl": "https://
|
|
100
|
+
"licenseUrl": "https://unpkg.com/lint-staged@16.1.5/LICENSE"
|
|
101
101
|
},
|
|
102
102
|
"lit@3.3.1": {
|
|
103
103
|
"licenses": "BSD-3-Clause",
|
|
104
104
|
"repository": "https://github.com/lit/lit",
|
|
105
|
-
"licenseUrl": "https://
|
|
105
|
+
"licenseUrl": "https://unpkg.com/lit@3.3.1/LICENSE"
|
|
106
106
|
},
|
|
107
107
|
"marked@16.2.1": {
|
|
108
108
|
"licenses": "MIT",
|
|
109
109
|
"repository": "https://github.com/markedjs/marked",
|
|
110
|
-
"licenseUrl": "https://
|
|
110
|
+
"licenseUrl": "https://unpkg.com/marked@16.2.1/LICENSE.md"
|
|
111
111
|
},
|
|
112
112
|
"postcss-prefix-selector@2.1.1": {
|
|
113
113
|
"licenses": "MIT",
|
|
114
114
|
"repository": "https://github.com/RadValentin/postcss-prefix-selector",
|
|
115
|
-
"licenseUrl": "https://
|
|
115
|
+
"licenseUrl": "https://unpkg.com/postcss-prefix-selector@2.1.1/LICENSE"
|
|
116
116
|
},
|
|
117
117
|
"postcss@8.5.6": {
|
|
118
118
|
"licenses": "MIT",
|
|
119
119
|
"repository": "https://github.com/postcss/postcss",
|
|
120
|
-
"licenseUrl": "https://
|
|
120
|
+
"licenseUrl": "https://unpkg.com/postcss@8.5.6/LICENSE"
|
|
121
121
|
},
|
|
122
122
|
"prettier@3.6.2": {
|
|
123
123
|
"licenses": "MIT",
|
|
124
124
|
"repository": "https://github.com/prettier/prettier",
|
|
125
|
-
"licenseUrl": "https://
|
|
125
|
+
"licenseUrl": "https://unpkg.com/prettier@3.6.2/LICENSE"
|
|
126
126
|
},
|
|
127
127
|
"resolve-pkg@2.0.0": {
|
|
128
128
|
"licenses": "MIT",
|
|
129
129
|
"repository": "https://github.com/sindresorhus/resolve-pkg",
|
|
130
|
-
"licenseUrl": "https://
|
|
130
|
+
"licenseUrl": "https://unpkg.com/resolve-pkg@2.0.0/license"
|
|
131
131
|
},
|
|
132
132
|
"sass@1.91.0": {
|
|
133
133
|
"licenses": "MIT",
|
|
134
134
|
"repository": "https://github.com/sass/dart-sass",
|
|
135
|
-
"licenseUrl": "https://
|
|
135
|
+
"licenseUrl": "https://unpkg.com/sass@1.91.0/LICENSE"
|
|
136
136
|
},
|
|
137
137
|
"stylelint-config-recommended-scss@16.0.0": {
|
|
138
138
|
"licenses": "MIT",
|
|
139
139
|
"repository": "https://github.com/stylelint-scss/stylelint-config-recommended-scss",
|
|
140
|
-
"licenseUrl": "https://
|
|
140
|
+
"licenseUrl": "https://unpkg.com/stylelint-config-recommended-scss@16.0.0/LICENSE"
|
|
141
141
|
},
|
|
142
142
|
"stylelint-config-standard@39.0.0": {
|
|
143
143
|
"licenses": "MIT",
|
|
144
144
|
"repository": "https://github.com/stylelint/stylelint-config-standard",
|
|
145
|
-
"licenseUrl": "https://
|
|
145
|
+
"licenseUrl": "https://unpkg.com/stylelint-config-standard@39.0.0/LICENSE"
|
|
146
146
|
},
|
|
147
147
|
"stylelint-scss@6.12.1": {
|
|
148
148
|
"licenses": "MIT",
|
|
149
149
|
"repository": "https://github.com/stylelint-scss/stylelint-scss",
|
|
150
|
-
"licenseUrl": "https://
|
|
150
|
+
"licenseUrl": "https://unpkg.com/stylelint-scss@6.12.1/LICENSE"
|
|
151
151
|
},
|
|
152
152
|
"stylelint@16.23.1": {
|
|
153
153
|
"licenses": "MIT",
|
|
154
154
|
"repository": "https://github.com/stylelint/stylelint",
|
|
155
|
-
"licenseUrl": "https://
|
|
155
|
+
"licenseUrl": "https://unpkg.com/stylelint@16.23.1/LICENSE"
|
|
156
156
|
},
|
|
157
157
|
"tsup@8.5.0": {
|
|
158
158
|
"licenses": "MIT",
|
|
159
159
|
"repository": "https://github.com/egoist/tsup",
|
|
160
|
-
"licenseUrl": "https://
|
|
160
|
+
"licenseUrl": "https://unpkg.com/tsup@8.5.0/LICENSE"
|
|
161
161
|
},
|
|
162
162
|
"turbo@2.5.6": {
|
|
163
163
|
"licenses": "MIT",
|
|
164
164
|
"repository": "https://github.com/vercel/turborepo",
|
|
165
|
-
"licenseUrl": "https://
|
|
165
|
+
"licenseUrl": "https://unpkg.com/turbo@2.5.6/LICENSE"
|
|
166
166
|
},
|
|
167
167
|
"typescript-eslint@8.41.0": {
|
|
168
168
|
"licenses": "MIT",
|
|
169
169
|
"repository": "https://github.com/typescript-eslint/typescript-eslint",
|
|
170
|
-
"licenseUrl": "https://
|
|
170
|
+
"licenseUrl": "https://unpkg.com/typescript-eslint@8.41.0/LICENSE"
|
|
171
171
|
},
|
|
172
172
|
"typescript@5.9.2": {
|
|
173
173
|
"licenses": "Apache-2.0",
|
|
174
174
|
"repository": "https://github.com/microsoft/TypeScript",
|
|
175
|
-
"licenseUrl": "https://
|
|
175
|
+
"licenseUrl": "https://unpkg.com/typescript@5.9.2/LICENSE.txt"
|
|
176
176
|
},
|
|
177
177
|
"vite-tsconfig-paths@5.1.4": {
|
|
178
178
|
"licenses": "MIT",
|
|
179
179
|
"repository": "https://github.com/aleclarson/vite-tsconfig-paths",
|
|
180
|
-
"licenseUrl": "https://
|
|
180
|
+
"licenseUrl": "https://unpkg.com/vite-tsconfig-paths@5.1.4/LICENSE"
|
|
181
181
|
},
|
|
182
182
|
"vite@7.1.3": {
|
|
183
183
|
"licenses": "MIT",
|
|
184
184
|
"repository": "https://github.com/vitejs/vite",
|
|
185
|
-
"licenseUrl": "https://
|
|
185
|
+
"licenseUrl": "https://unpkg.com/vite@7.1.3/LICENSE.md"
|
|
186
186
|
},
|
|
187
187
|
"vitest@3.2.4": {
|
|
188
188
|
"licenses": "MIT",
|
|
189
189
|
"repository": "https://github.com/vitest-dev/vitest",
|
|
190
|
-
"licenseUrl": "https://
|
|
190
|
+
"licenseUrl": "https://unpkg.com/vitest@3.2.4/LICENSE.md"
|
|
191
191
|
},
|
|
192
192
|
"yargs@18.0.0": {
|
|
193
193
|
"licenses": "MIT",
|
|
194
194
|
"repository": "https://github.com/yargs/yargs",
|
|
195
|
-
"licenseUrl": "https://
|
|
195
|
+
"licenseUrl": "https://unpkg.com/yargs@18.0.0/LICENSE"
|
|
196
196
|
}
|
|
197
197
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cas-smartdesign/radio-button-group",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.0",
|
|
4
4
|
"description": "Radio button and radio button group elements with SmartDesign look & feel",
|
|
5
5
|
"main": "dist/radio-button-group-with-externals.js",
|
|
6
6
|
"module": "dist/radio-button-group.mjs",
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
"types": "dist/radio-button-group.d.ts",
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"lit": "^3.3.1",
|
|
11
|
-
"@cas-smartdesign/styles": "^3.7.
|
|
12
|
-
"@cas-smartdesign/field-validation-message": "^5.1.
|
|
11
|
+
"@cas-smartdesign/styles": "^3.7.1",
|
|
12
|
+
"@cas-smartdesign/field-validation-message": "^5.1.1"
|
|
13
13
|
},
|
|
14
14
|
"files": [
|
|
15
15
|
"dist",
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
"access": "public"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@cas-smartdesign/
|
|
24
|
-
"@cas-smartdesign/
|
|
25
|
-
"@cas-smartdesign/
|
|
23
|
+
"@cas-smartdesign/license-generator": "^1.8.1",
|
|
24
|
+
"@cas-smartdesign/button": "^5.2.1",
|
|
25
|
+
"@cas-smartdesign/element-preview": "^0.3.1"
|
|
26
26
|
},
|
|
27
27
|
"scripts": {
|
|
28
28
|
"version": "pnpm version",
|