@kyndryl-design-system/shidoka-applications 2.75.0 → 2.76.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.
|
@@ -113,9 +113,8 @@ input:not(.disabled):not(.readonly):checked:active::before {
|
|
|
113
113
|
}
|
|
114
114
|
input.readonly, input[readonly], input[data-readonly] {
|
|
115
115
|
cursor: default;
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
cursor: default;
|
|
116
|
+
border-color: var(--kd-color-icon-disabled);
|
|
117
|
+
background: transparent;
|
|
119
118
|
}
|
|
120
119
|
input.readonly:hover, input[readonly]:hover, input[data-readonly]:hover {
|
|
121
120
|
border-color: var(--kd-color-border-ui-disabled);
|
|
@@ -147,12 +146,12 @@ input.readonly:checked::before, input[readonly]:checked::before, input[data-read
|
|
|
147
146
|
-webkit-mask-position: center;
|
|
148
147
|
}
|
|
149
148
|
input.disabled {
|
|
150
|
-
|
|
151
|
-
|
|
149
|
+
border-color: var(--kd-color-icon-disabled);
|
|
150
|
+
background: transparent;
|
|
152
151
|
cursor: not-allowed;
|
|
153
152
|
}
|
|
154
153
|
input.disabled:checked {
|
|
155
|
-
background: var(--kd-color-
|
|
154
|
+
background: var(--kd-color-icon-disabled);
|
|
156
155
|
border-color: transparent;
|
|
157
156
|
}
|
|
158
157
|
input.disabled:checked::before {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sources":["../../../../src/components/reusable/checkbox/checkbox.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport CheckboxScss from './checkbox.scss?inline';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\n/**\n * Checkbox.\n * @fires on-checkbox-change - Captures the change event and emits the selected value and original event details.\n * @slot unnamed - Slot for label text.\n */\n@customElement('kyn-checkbox')\nexport class Checkbox extends LitElement {\n static override styles = unsafeCSS(CheckboxScss);\n\n /** @ignore */\n static override shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n /** Checkbox value. */\n @property({ type: String })\n accessor value = '';\n\n /**\n * Checkbox name, inherited from the parent group.\n * @ignore\n */\n @property({ type: String })\n accessor name = '';\n\n /**\n * Checkbox checked state, inherited from the parent group if value matches.\n * @internal\n */\n @property({ type: Boolean, reflect: true })\n accessor checked = false;\n\n /**\n * Makes the input required, inherited from the parent group.\n * @internal\n */\n @property({ type: Boolean })\n accessor required = false;\n\n /**\n * Checkbox disabled state, inherited from the parent group.\n */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /**\n * Checkbox readonly state, inherited from the parent group.\n */\n @property({ type: Boolean })\n accessor readonly = false;\n\n /**\n * Prevent checkbox from being focusable. Disables it functionally but not visually.\n */\n @property({ type: Boolean })\n accessor notFocusable = false;\n\n /**\n * Checkbox group invalid state, inherited from the parent group.\n * @internal\n */\n @property({ type: Boolean })\n accessor invalid = false;\n\n /**\n * Determines whether the label should be hidden from visual view but remain accessible\n * to screen readers for accessibility purposes.\n */\n @property({ type: Boolean })\n accessor visiblyHidden = false;\n\n /** Determines whether the checkbox is in an indeterminate state. */\n @property({ type: Boolean })\n accessor indeterminate = false;\n\n override render() {\n const classes = {\n disabled: this.disabled,\n readonly: this.readonly,\n 'label-hidden': this.visiblyHidden,\n };\n\n return html`\n <label\n ?disabled=${this.disabled}\n ?readonly=${!this.disabled && this.readonly}\n ?invalid=${this.invalid}\n class=${classMap(classes)}\n >\n <span class=${classMap({ 'sr-only': this.visiblyHidden })}>\n <slot></slot>\n </span>\n\n <input\n class=${classMap(classes)}\n type=\"checkbox\"\n name=${this.name}\n value=${this.value}\n .checked=${this.checked}\n ?required=${this.required}\n ?disabled=${this.disabled}\n ?readonly=${!this.disabled && this.readonly}\n data-readonly=${ifDefined(this.readonly ? '' : undefined)}\n aria-invalid=${this.invalid ? 'true' : 'false'}\n tabindex=${this.disabled || this.notFocusable ? -1 : 0}\n @change=${this.handleChange}\n @click=${this.blockIfReadonly}\n @keydown=${this.blockToggleIfReadonly}\n .indeterminate=${this.indeterminate}\n />\n </label>\n `;\n }\n\n /**\n *\n * @ignore\n */\n private blockIfReadonly = (e: Event) => {\n if (!this.readonly) return;\n e.preventDefault();\n e.stopImmediatePropagation();\n const input = e.currentTarget as HTMLInputElement;\n input.checked = this.checked;\n };\n\n /**\n *\n * @ignore\n */\n private blockToggleIfReadonly = (e: KeyboardEvent) => {\n if (!this.readonly) return;\n if (e.key === ' ' || e.code === 'Space') {\n e.preventDefault();\n e.stopImmediatePropagation();\n }\n };\n\n private handleChange(e: Event) {\n const input = e.target as HTMLInputElement;\n\n if (this.readonly) {\n e.preventDefault();\n input.checked = this.checked;\n return;\n }\n\n this.checked = input.checked;\n\n this.dispatchEvent(\n new CustomEvent('on-checkbox-change', {\n bubbles: true,\n composed: true,\n detail: {\n checked: this.checked,\n value: this.value,\n origEvent: e,\n },\n })\n );\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-checkbox': Checkbox;\n }\n}\n"],"names":["Checkbox","customElement","LitElement","_classThis","_classSuper","_Checkbox_value_accessor_storage","set","this","__runInitializers","_value_initializers","_Checkbox_name_accessor_storage","_value_extraInitializers","_name_initializers","_Checkbox_checked_accessor_storage","_name_extraInitializers","_checked_initializers","_Checkbox_required_accessor_storage","_checked_extraInitializers","_required_initializers","_Checkbox_disabled_accessor_storage","_required_extraInitializers","_disabled_initializers","_Checkbox_readonly_accessor_storage","_disabled_extraInitializers","_readonly_initializers","_Checkbox_notFocusable_accessor_storage","_readonly_extraInitializers","_notFocusable_initializers","_Checkbox_invalid_accessor_storage","_notFocusable_extraInitializers","_invalid_initializers","_Checkbox_visiblyHidden_accessor_storage","_invalid_extraInitializers","_visiblyHidden_initializers","_Checkbox_indeterminate_accessor_storage","_visiblyHidden_extraInitializers","_indeterminate_initializers","blockIfReadonly","_indeterminate_extraInitializers","e","readonly","preventDefault","stopImmediatePropagation","currentTarget","checked","blockToggleIfReadonly","key","code","value","__classPrivateFieldGet","__classPrivateFieldSet","name","required","disabled","notFocusable","invalid","visiblyHidden","indeterminate","render","classes","html","classMap","ifDefined","undefined","handleChange","input","target","dispatchEvent","CustomEvent","bubbles","composed","detail","origEvent","_value_decorators","property","type","String","_name_decorators","Boolean","reflect","_required_decorators","_disabled_decorators","_readonly_decorators","_notFocusable_decorators","_invalid_decorators","_visiblyHidden_decorators","_indeterminate_decorators","__esDecorate","kind","static","private","access","has","obj","get","metadata","_metadata","_checked_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","CheckboxScss","shadowRootOptions","delegatesFocus"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../../../src/components/reusable/checkbox/checkbox.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport CheckboxScss from './checkbox.scss?inline';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\n/**\n * Checkbox.\n * @fires on-checkbox-change - Captures the change event and emits the selected value and original event details.\n * @slot unnamed - Slot for label text.\n */\n@customElement('kyn-checkbox')\nexport class Checkbox extends LitElement {\n static override styles = unsafeCSS(CheckboxScss);\n\n /** @ignore */\n static override shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n /** Checkbox value. */\n @property({ type: String })\n accessor value = '';\n\n /**\n * Checkbox name, inherited from the parent group.\n * @ignore\n */\n @property({ type: String })\n accessor name = '';\n\n /**\n * Checkbox checked state, inherited from the parent group if value matches.\n * @internal\n */\n @property({ type: Boolean, reflect: true })\n accessor checked = false;\n\n /**\n * Makes the input required, inherited from the parent group.\n * @internal\n */\n @property({ type: Boolean })\n accessor required = false;\n\n /**\n * Checkbox disabled state, inherited from the parent group.\n */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /**\n * Checkbox readonly state, inherited from the parent group.\n */\n @property({ type: Boolean })\n accessor readonly = false;\n\n /**\n * Prevent checkbox from being focusable. Disables it functionally but not visually.\n */\n @property({ type: Boolean })\n accessor notFocusable = false;\n\n /**\n * Checkbox group invalid state, inherited from the parent group.\n * @internal\n */\n @property({ type: Boolean })\n accessor invalid = false;\n\n /**\n * Determines whether the label should be hidden from visual view but remain accessible\n * to screen readers for accessibility purposes.\n */\n @property({ type: Boolean })\n accessor visiblyHidden = false;\n\n /** Determines whether the checkbox is in an indeterminate state. */\n @property({ type: Boolean })\n accessor indeterminate = false;\n\n override render() {\n const classes = {\n disabled: this.disabled,\n readonly: this.readonly,\n 'label-hidden': this.visiblyHidden,\n };\n\n return html`\n <label\n ?disabled=${this.disabled}\n ?readonly=${!this.disabled && this.readonly}\n ?invalid=${this.invalid}\n class=${classMap(classes)}\n >\n <span class=${classMap({ 'sr-only': this.visiblyHidden })}>\n <slot></slot>\n </span>\n\n <input\n class=${classMap(classes)}\n type=\"checkbox\"\n name=${this.name}\n value=${this.value}\n .checked=${this.checked}\n ?required=${this.required}\n ?disabled=${this.disabled}\n ?readonly=${!this.disabled && this.readonly}\n data-readonly=${ifDefined(this.readonly ? '' : undefined)}\n aria-invalid=${this.invalid ? 'true' : 'false'}\n tabindex=${this.disabled || this.notFocusable ? -1 : 0}\n @change=${this.handleChange}\n @click=${this.blockIfReadonly}\n @keydown=${this.blockToggleIfReadonly}\n .indeterminate=${this.indeterminate}\n />\n </label>\n `;\n }\n\n /**\n *\n * @ignore\n */\n private blockIfReadonly = (e: Event) => {\n if (!this.readonly) return;\n e.preventDefault();\n e.stopImmediatePropagation();\n const input = e.currentTarget as HTMLInputElement;\n input.checked = this.checked;\n };\n\n /**\n *\n * @ignore\n */\n private blockToggleIfReadonly = (e: KeyboardEvent) => {\n if (!this.readonly) return;\n if (e.key === ' ' || e.code === 'Space') {\n e.preventDefault();\n e.stopImmediatePropagation();\n }\n };\n\n private handleChange(e: Event) {\n const input = e.target as HTMLInputElement;\n\n if (this.readonly) {\n e.preventDefault();\n input.checked = this.checked;\n return;\n }\n\n this.checked = input.checked;\n\n this.dispatchEvent(\n new CustomEvent('on-checkbox-change', {\n bubbles: true,\n composed: true,\n detail: {\n checked: this.checked,\n value: this.value,\n origEvent: e,\n },\n })\n );\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-checkbox': Checkbox;\n }\n}\n"],"names":["Checkbox","customElement","LitElement","_classThis","_classSuper","_Checkbox_value_accessor_storage","set","this","__runInitializers","_value_initializers","_Checkbox_name_accessor_storage","_value_extraInitializers","_name_initializers","_Checkbox_checked_accessor_storage","_name_extraInitializers","_checked_initializers","_Checkbox_required_accessor_storage","_checked_extraInitializers","_required_initializers","_Checkbox_disabled_accessor_storage","_required_extraInitializers","_disabled_initializers","_Checkbox_readonly_accessor_storage","_disabled_extraInitializers","_readonly_initializers","_Checkbox_notFocusable_accessor_storage","_readonly_extraInitializers","_notFocusable_initializers","_Checkbox_invalid_accessor_storage","_notFocusable_extraInitializers","_invalid_initializers","_Checkbox_visiblyHidden_accessor_storage","_invalid_extraInitializers","_visiblyHidden_initializers","_Checkbox_indeterminate_accessor_storage","_visiblyHidden_extraInitializers","_indeterminate_initializers","blockIfReadonly","_indeterminate_extraInitializers","e","readonly","preventDefault","stopImmediatePropagation","currentTarget","checked","blockToggleIfReadonly","key","code","value","__classPrivateFieldGet","__classPrivateFieldSet","name","required","disabled","notFocusable","invalid","visiblyHidden","indeterminate","render","classes","html","classMap","ifDefined","undefined","handleChange","input","target","dispatchEvent","CustomEvent","bubbles","composed","detail","origEvent","_value_decorators","property","type","String","_name_decorators","Boolean","reflect","_required_decorators","_disabled_decorators","_readonly_decorators","_notFocusable_decorators","_invalid_decorators","_visiblyHidden_decorators","_indeterminate_decorators","__esDecorate","kind","static","private","access","has","obj","get","metadata","_metadata","_checked_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","CheckboxScss","shadowRootOptions","delegatesFocus"],"mappings":"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"}
|
|
@@ -120,8 +120,8 @@ input:not([disabled]):not([readonly]):not(.readonly):not([data-readonly])[invali
|
|
|
120
120
|
}
|
|
121
121
|
input:not([disabled]).readonly, input:not([disabled])[readonly], input:not([disabled])[data-readonly] {
|
|
122
122
|
cursor: default;
|
|
123
|
-
border-color:
|
|
124
|
-
background:
|
|
123
|
+
border-color: var(--kd-color-icon-disabled);
|
|
124
|
+
background: transparent;
|
|
125
125
|
}
|
|
126
126
|
input:not([disabled]).readonly:hover, input:not([disabled]).readonly:active, input:not([disabled])[readonly]:hover, input:not([disabled])[readonly]:active, input:not([disabled])[data-readonly]:hover, input:not([disabled])[data-readonly]:active {
|
|
127
127
|
border-color: transparent;
|
|
@@ -145,12 +145,11 @@ input:not([disabled]).readonly[checked]::before, input:not([disabled])[readonly]
|
|
|
145
145
|
input[disabled] {
|
|
146
146
|
cursor: not-allowed;
|
|
147
147
|
outline-color: transparent;
|
|
148
|
-
border-color:
|
|
149
|
-
background:
|
|
148
|
+
border-color: var(--kd-color-icon-disabled);
|
|
149
|
+
background: transparent;
|
|
150
150
|
}
|
|
151
151
|
input[disabled]:hover, input[disabled]:active, input[disabled]:focus-visible {
|
|
152
|
-
border-color:
|
|
153
|
-
background: var(--kd-color-icon-disabled);
|
|
152
|
+
border-color: var(--kd-color-icon-disabled);
|
|
154
153
|
outline-color: transparent;
|
|
155
154
|
}
|
|
156
155
|
input[disabled][checked] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioButton.js","sources":["../../../../src/components/reusable/radioButton/radioButton.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport RadioButtonScss from './radioButton.scss?inline';\n\n/**\n * Radio button.\n * @fires on-radio-change - Captures the change event and emits the selected value and original event details.`detail:{ checked: boolean,origEvent: Event,value: string }`\n * @slot unnamed - Slot for label text.\n */\n@customElement('kyn-radio-button')\nexport class RadioButton extends LitElement {\n static override styles = unsafeCSS(RadioButtonScss);\n\n /** @ignore */\n static override shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n /** Radio button value. */\n @property({ type: String })\n accessor value = '';\n\n /**\n * Radio button name, inherited from the parent group.\n * @ignore\n */\n @property({ type: String })\n accessor name = '';\n\n /**\n * Radio button checked state, inherited from the parent group if value matches.\n * @ignore\n */\n @property({ type: Boolean })\n accessor checked = false;\n\n /**\n * Makes the input required, inherited from the parent group.\n * @ignore\n */\n @property({ type: Boolean })\n accessor required = false;\n\n /**\n * Radio button disabled state, inherited from the parent group.\n */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /**\n * Radio button readonly state, inherited from the parent group.\n */\n @property({ type: Boolean })\n accessor readonly = false;\n\n /**\n * Radio button group invalid state, inherited from the parent group.\n * @ignore\n */\n @property({ type: Boolean })\n accessor invalid = false;\n\n override render() {\n return html`\n <label\n ?disabled=${this.disabled}\n ?readonly=${!this.disabled && this.readonly}\n ?invalid=${this.invalid}\n >\n <span><slot></slot></span>\n <input\n type=\"radio\"\n name=${this.name}\n value=${this.value}\n .checked=${this.checked}\n ?checked=${this.checked}\n ?required=${this.required}\n ?disabled=${this.disabled}\n ?readonly=${!this.disabled && this.readonly}\n ?invalid=${this.invalid}\n @change=${(e: any) => this.handleChange(e)}\n />\n </label>\n `;\n }\n\n private handleChange(e: Event) {\n const input = e.target as HTMLInputElement;\n\n this.checked = input.checked;\n\n const event = new CustomEvent('on-radio-change', {\n bubbles: true,\n composed: true,\n detail: {\n checked: input.checked,\n value: input.value,\n origEvent: e,\n },\n });\n\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-radio-button': RadioButton;\n }\n}\n"],"names":["RadioButton","customElement","LitElement","_classThis","_classSuper","value","__classPrivateFieldGet","this","_RadioButton_value_accessor_storage","__classPrivateFieldSet","name","_RadioButton_name_accessor_storage","checked","_RadioButton_checked_accessor_storage","required","_RadioButton_required_accessor_storage","disabled","_RadioButton_disabled_accessor_storage","readonly","_RadioButton_readonly_accessor_storage","invalid","_RadioButton_invalid_accessor_storage","render","html","e","handleChange","input","target","event","CustomEvent","bubbles","composed","detail","origEvent","dispatchEvent","set","__runInitializers","_value_initializers","_value_extraInitializers","_name_initializers","_name_extraInitializers","_checked_initializers","_checked_extraInitializers","_required_initializers","_required_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_readonly_initializers","_readonly_extraInitializers","_invalid_initializers","_value_decorators","property","type","String","_name_decorators","_checked_decorators","Boolean","_required_decorators","_disabled_decorators","_readonly_decorators","_invalid_decorators","__esDecorate","kind","static","private","access","has","obj","get","metadata","_metadata","_invalid_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","RadioButtonScss","shadowRootOptions","delegatesFocus"],"mappings":"
|
|
1
|
+
{"version":3,"file":"radioButton.js","sources":["../../../../src/components/reusable/radioButton/radioButton.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport RadioButtonScss from './radioButton.scss?inline';\n\n/**\n * Radio button.\n * @fires on-radio-change - Captures the change event and emits the selected value and original event details.`detail:{ checked: boolean,origEvent: Event,value: string }`\n * @slot unnamed - Slot for label text.\n */\n@customElement('kyn-radio-button')\nexport class RadioButton extends LitElement {\n static override styles = unsafeCSS(RadioButtonScss);\n\n /** @ignore */\n static override shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n /** Radio button value. */\n @property({ type: String })\n accessor value = '';\n\n /**\n * Radio button name, inherited from the parent group.\n * @ignore\n */\n @property({ type: String })\n accessor name = '';\n\n /**\n * Radio button checked state, inherited from the parent group if value matches.\n * @ignore\n */\n @property({ type: Boolean })\n accessor checked = false;\n\n /**\n * Makes the input required, inherited from the parent group.\n * @ignore\n */\n @property({ type: Boolean })\n accessor required = false;\n\n /**\n * Radio button disabled state, inherited from the parent group.\n */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /**\n * Radio button readonly state, inherited from the parent group.\n */\n @property({ type: Boolean })\n accessor readonly = false;\n\n /**\n * Radio button group invalid state, inherited from the parent group.\n * @ignore\n */\n @property({ type: Boolean })\n accessor invalid = false;\n\n override render() {\n return html`\n <label\n ?disabled=${this.disabled}\n ?readonly=${!this.disabled && this.readonly}\n ?invalid=${this.invalid}\n >\n <span><slot></slot></span>\n <input\n type=\"radio\"\n name=${this.name}\n value=${this.value}\n .checked=${this.checked}\n ?checked=${this.checked}\n ?required=${this.required}\n ?disabled=${this.disabled}\n ?readonly=${!this.disabled && this.readonly}\n ?invalid=${this.invalid}\n @change=${(e: any) => this.handleChange(e)}\n />\n </label>\n `;\n }\n\n private handleChange(e: Event) {\n const input = e.target as HTMLInputElement;\n\n this.checked = input.checked;\n\n const event = new CustomEvent('on-radio-change', {\n bubbles: true,\n composed: true,\n detail: {\n checked: input.checked,\n value: input.value,\n origEvent: e,\n },\n });\n\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-radio-button': RadioButton;\n }\n}\n"],"names":["RadioButton","customElement","LitElement","_classThis","_classSuper","value","__classPrivateFieldGet","this","_RadioButton_value_accessor_storage","__classPrivateFieldSet","name","_RadioButton_name_accessor_storage","checked","_RadioButton_checked_accessor_storage","required","_RadioButton_required_accessor_storage","disabled","_RadioButton_disabled_accessor_storage","readonly","_RadioButton_readonly_accessor_storage","invalid","_RadioButton_invalid_accessor_storage","render","html","e","handleChange","input","target","event","CustomEvent","bubbles","composed","detail","origEvent","dispatchEvent","set","__runInitializers","_value_initializers","_value_extraInitializers","_name_initializers","_name_extraInitializers","_checked_initializers","_checked_extraInitializers","_required_initializers","_required_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_readonly_initializers","_readonly_extraInitializers","_invalid_initializers","_value_decorators","property","type","String","_name_decorators","_checked_decorators","Boolean","_required_decorators","_disabled_decorators","_readonly_decorators","_invalid_decorators","__esDecorate","kind","static","private","access","has","obj","get","metadata","_metadata","_invalid_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","RadioButtonScss","shadowRootOptions","delegatesFocus"],"mappings":"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"}
|