1import{E as e,x as t}from"./institution-DyFDvNu6.js";import{n}from"./divider-CLOBsEVJ.js";import{t as r}from"./if-defined-aheZ8lzV.js";var i=class extends n{static get formAssociated(){return!0}#e;#t;#n;static get styles(){return e` :host { 2 font-family: var(--jh-font-body-medium-1-font-family); 3 font-weight: var(--jh-font-body-medium-1-font-weight); 4 font-size: var(--jh-font-body-medium-1-font-size); 5 line-height: var(--jh-font-body-medium-1-line-height); 6 display: inline-flex; 7 position: relative; 8 } 9 input { 10 width: var(--jh-dimension-500); 11 height: var(--jh-dimension-500); 12 position: absolute; 13 opacity: 0; 14 cursor: pointer; 15 z-index: 2; 16 box-sizing: border-box; 17 } 18 span { 19 background-color: var( 20 --jh-checkbox-input-color-background-unselected-enabled, 21 var(--jh-color-container-primary-enabled) 22 ); 23 border-width: var(--jh-border-control-width); 24 border-style: var(--jh-border-control-style); 25 border-color: var( 26 --jh-checkbox-input-color-border-unselected-enabled, 27 var(--jh-border-control-color) 28 ); 29 border-radius: var( 30 --jh-checkbox-input-border-radius, 31 var(--jh-border-radius-50) 32 ); 33 width: var(--jh-dimension-500); 34 height: var(--jh-dimension-500); 35 box-sizing: border-box; 36 display: inline-block; 37 position: relative; 38 } 39 span::before, 40 span::after { 41 content: ''; 42 position: absolute; 43 } 44 .label-container { 45 margin-left: var(--jh-dimension-200); 46 flex: 1; 47 } 48 .label-text, 49 .helper-text { 50 word-break: break-word; 51 } 52 .label-text { 53 color: var( 54 --jh-checkbox-label-color-text, 55 var(--jh-color-content-primary-enabled) 56 ); 57 } 58 .helper-text { 59 color: var( 60 --jh-checkbox-helper-color-text, 61 var(--jh-color-content-secondary-enabled) 62 ); 63 font-family: var(--jh-font-helper-regular-font-family); 64 font-weight: var(--jh-font-helper-regular-font-weight); 65 font-size: var(--jh-font-helper-regular-font-size); 66 line-height: var(--jh-font-helper-regular-line-height); 67 margin: 0; 68 } 69 /* Unselected states */ 70 input:focus-visible + span { 71 border-color: var( 72 --jh-checkbox-input-color-border-unselected-focus, 73 var(--jh-color-content-brand-hover) 74 ); 75 background-color: var( 76 --jh-checkbox-input-color-background-unselected-focus, 77 var(--jh-color-container-primary-enabled) 78 ); 79 outline-color: var( 80 --jh-checkbox-color-focus, 81 var(--jh-border-focus-color) 82 ); 83 outline-style: var(--jh-border-focus-style); 84 outline-width: var(--jh-border-focus-width); 85 outline-offset: 1px; 86 } 87 input:hover + span { 88 border-color: var( 89 --jh-checkbox-input-color-border-unselected-hover, 90 var(--jh-color-content-brand-hover) 91 ); 92 background-color: var( 93 --jh-checkbox-input-color-background-unselected-hover, 94 var(--jh-color-container-primary-enabled) 95 ); 96 } 97 input:active + span { 98 border-color: var( 99 --jh-checkbox-input-color-border-unselected-active, 100 var(--jh-color-content-brand-active) 101 ); 102 background-color: var( 103 --jh-checkbox-input-color-background-unselected-active, 104 var(--jh-color-container-primary-enabled) 105 ); 106 } 107 108 /* selected status mark with css */ 109 input:checked + span::before { 110 background-color: var( 111 --jh-checkbox-status-color-border-selected-enabled, 112 var(--jh-color-content-on-brand-enabled) 113 ); 114 border-radius: var(--jh-border-radius-50); 115 width: 12px; 116 height: 2px; 117 bottom: 4px; 118 left: 7px; 119 transform: rotate(-45deg); 120 transform-origin: left bottom; 121 } 122 input:checked + span::after { 123 background-color: var(
124 --jh-checkbox-status-color-border-selected-enabled, 125 var(--jh-color-content-on-brand-enabled) 126 ); 127 border-radius: var(--jh-border-radius-50); 128 bottom: 4px; 129 left: 7px; 130 height: 7px; 131 width: 2px; 132 transform: rotate(-45deg); 133 transform-origin: left bottom; 134 } 135 /* selected states */ 136 input:checked + span { 137 border-color: var( 138 --jh-checkbox-input-color-border-selected-enabled, 139 var(--jh-color-content-brand-enabled) 140 ); 141 background-color: var( 142 --jh-checkbox-input-color-background-selected-enabled, 143 var(--jh-color-content-brand-enabled) 144 ); 145 } 146 input:checked:focus-visible + span { 147 border-color: var( 148 --jh-checkbox-input-color-border-selected-focus, 149 var(--jh-color-content-brand-hover) 150 ); 151 background-color: var( 152 --jh-checkbox-input-color-background-selected-focus, 153 var(--jh-color-content-brand-hover) 154 ); 155 } 156 input:checked:focus-visible + span::before, 157 input:checked:focus-visible + span::after { 158 background-color: var( 159 --jh-checkbox-status-color-border-selected-focus, 160 var(--jh-color-content-on-brand-hover) 161 ); 162 } 163 input:checked:hover + span { 164 border-color: var( 165 --jh-checkbox-input-color-border-selected-hover, 166 var(--jh-color-content-brand-hover) 167 ); 168 background-color: var( 169 --jh-checkbox-input-color-background-selected-hover, 170 var(--jh-color-content-brand-hover) 171 ); 172 } 173 input:checked:hover + span::before, 174 input:checked:hover + span::after { 175 background-color: var( 176 --jh-checkbox-status-color-border-selected-hover, 177 var(--jh-color-content-on-brand-hover) 178 ); 179 } 180 input:checked:active + span { 181 border-color: var( 182 --jh-checkbox-input-color-border-selected-active, 183 var(--jh-color-content-brand-active) 184 ); 185 background-color: var( 186 --jh-checkbox-input-color-background-selected-active, 187 var(--jh-color-content-brand-active) 188 ); 189 } 190 input:checked:active + span::before, 191 input:checked:active + span::after { 192 background-color: var( 193 --jh-checkbox-status-color-border-selected-active, 194 var(--jh-color-content-on-brand-active) 195 ); 196 } 197 198 /* indeterminate status mark with css */ 199 input:indeterminate + span::before { 200 background-color: var( 201 --jh-checkbox-status-color-border-indeterminate-enabled, 202 var(--jh-color-content-on-brand-enabled) 203 ); 204 border-radius: var(--jh-border-radius-50); 205 width: 10px; 206 height: 2px; 207 top: 8px; 208 left: 4px; 209 transform: rotate(0deg); 210 } 211 input:indeterminate + span::after { 212 height: 0px; 213 width: 0px; 214 } 215 216 /* indeterminate states */ 217 input:indeterminate + span { 218 border-color: var( 219 --jh-checkbox-input-color-border-indeterminate-enabled, 220 var(--jh-color-content-brand-enabled) 221 ); 222 background-color: var( 223 --jh-checkbox-input-color-background-indeterminate-enabled, 224 var(--jh-color-content-brand-enabled) 225 ); 226 } 227 input:indeterminate:focus-visible + span { 228 border-color: var( 229 --jh-checkbox-input-color-border-indeterminate-focus, 230 var(--jh-color-content-brand-hover) 231 ); 232 background-color: var( 233 --jh-checkbox-input-color-background-indeterminate-focus, 234 var(--jh-color-content-brand-hover) 235 ); 236 } 237 input:indeterminate:focus-visible + span::before { 238 background-color: var( 239 --jh-checkbox-status-color-border-indeterminate-focus, 240 var(--jh-color-content-on-brand-hover) 241 ); 242 } 243 input:indeterminate:hover + span { 244 border-color: var( 245 --jh-checkbox-input-color-border-indeterminate-hover,
246 var(--jh-color-content-brand-hover) 247 ); 248 background-color: var( 249 --jh-checkbox-input-color-background-indeterminate-hover, 250 var(--jh-color-content-brand-hover) 251 ); 252 } 253 input:indeterminate:hover + span::before { 254 background-color: var( 255 --jh-checkbox-status-color-border-indeterminate-hover, 256 var(--jh-color-content-on-brand-hover) 257 ); 258 } 259 input:indeterminate:active + span { 260 border-color: var( 261 --jh-checkbox-input-color-border-indeterminate-active, 262 var(--jh-color-content-brand-active) 263 ); 264 background-color: var( 265 --jh-checkbox-input-color-background-indeterminate-active, 266 var(--jh-color-content-brand-active) 267 ); 268 } 269 input:indeterminate:active + span::before { 270 background-color: var( 271 --jh-checkbox-status-color-border-indeterminate-active, 272 var(--jh-color-content-on-brand-active) 273 ); 274 } 275 276 /* disabled states */ 277 input:disabled { 278 cursor: default; 279 } 280 input:disabled + span { 281 background-color: var( 282 --jh-checkbox-input-color-background-unselected-disabled, 283 var(--jh-color-container-primary-enabled) 284 ); 285 border-color: var( 286 --jh-checkbox-input-color-border-unselected-disabled, 287 var(--jh-border-control-color) 288 ); 289 } 290 :host([disabled]) { 291 opacity: var( 292 --jh-checkbox-opacity-disabled, 293 var(--jh-opacity-disabled) 294 ); 295 } 296 input:checked:disabled + span { 297 border-color: var( 298 --jh-checkbox-input-color-border-selected-disabled, 299 var(--jh-color-content-brand-enabled) 300 ); 301 background-color: var( 302 --jh-checkbox-input-color-background-selected-disabled, 303 var(--jh-color-content-brand-enabled) 304 ); 305 } 306 input:checked:disabled + span::before, 307 input:checked:disabled + span::after { 308 background-color: var( 309 jh-checkbox-status-color-border-selected-disabled, 310 var(--jh-color-content-on-brand-enabled) 311 ); 312 } 313 input:indeterminate:disabled + span { 314 border-color: var( 315 --jh-checkbox-input-color-border-indeterminate-disabled, 316 var(--jh-color-content-brand-enabled) 317 ); 318 background-color: var( 319 --jh-checkbox-input-color-background-indeterminate-disabled, 320 var(--jh-color-content-brand-enabled) 321 ); 322 } 323 input:indeterminate:disabled + span::before { 324 background-color: var( 325 jh-checkbox-status-color-border-indeterminate-disabled, 326 var(--jh-color-content-on-brand-enabled) 327 ); 328 } `}static get properties(){return{checked:{type:Boolean,reflect:!0},indeterminate:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},label:{type:String},helperText:{type:String,attribute:`helper-text`},name:{type:String},value:{type:String},accessibleLabel:{type:String,attribute:`accessible-label`}}}constructor(){super(),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.label=null,this.helperText=null,this.name=null,this.value=null,this.accessibleLabel=null}get form(){return this.internals.form}get validity(){return this.internals.validity}get value(){return this.#n}set value(e){let t=this.#n;e!==t&&(this.#n=e,this.#r(this.#n,this.checked,this.indeterminate)),this.requestUpdate(`value`,t)}get checked(){return this.#e}set checked(e){let t=this.#e;e!==t&&(this.#e=e,this.#r(this.value,this.#e,this.indeterminate)),this.requestUpdate(`checked`,t)}get indeterminate(){return this.#t}set indeterminate(e){let t=this.#t;e!==t&&(this.#t=e,this.#r(this.value,this.checked,this.#t)),this.requestUpdate(`indeterminate`,t)}#r(e,t,n){n?this.internals.setFormValue(null):this.internals.setFormValue(t?e||`on`:null)}#i(e){this.checked=e.target.checked,this.indeterminate=!1,this.#r(this.value,this.checked,this.indeterminate),this.dispatchCustomEvent(`jh-change`,{state:{checked:this.checked}})}render(){let e,n;return this.helperText&&(e=t`<p class="helper-text" id="checkbox-helper-text-${this.uniqueId}"> ${this.helperText} </p>`),this.label&&(n=t`<div class="label-container"> <label class="label-text" for="checkbox-label-${this.uniqueId}"> ${this.label} </label> ${e} </div>`),t`<input tabindex="0" @change="${this.#i}" type="checkbox" .checked="${this.checked}" .indeterminate="${this.indeterminate}" ?disabled="${this.disabled}" aria-label="${r(this.accessibleLabel)}" value="${r(this.value)}" name="${r(this.name)}" id="${r(this.label?`checkbox-label-${this.uniqueId}`:null)}" aria-describedby="${r(this.helperText?`checkbox-helper-text-${this.uniqueId}`:null)}"> <span aria-hidden="true"></span> ${n}`}};i.register(`jh-checkbox`,i);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.