@universal-material/web 3.0.133 → 3.0.134

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.
Files changed (14) hide show
  1. package/chip-field/chip-field.d.ts.map +1 -1
  2. package/chip-field/chip-field.js +3 -1
  3. package/chip-field/chip-field.js.map +1 -1
  4. package/custom-elements.json +934 -864
  5. package/package.json +1 -1
  6. package/shared/char-count-text-field/native-text-field-wrapper.d.ts +1 -0
  7. package/shared/char-count-text-field/native-text-field-wrapper.d.ts.map +1 -1
  8. package/shared/char-count-text-field/native-text-field-wrapper.js +4 -0
  9. package/shared/char-count-text-field/native-text-field-wrapper.js.map +1 -1
  10. package/shared/text-field-base/text-field-base.styles.d.ts.map +1 -1
  11. package/shared/text-field-base/text-field-base.styles.js +4 -0
  12. package/shared/text-field-base/text-field-base.styles.js.map +1 -1
  13. package/text-area/text-area.js +1 -1
  14. package/text-area/text-area.js.map +1 -1
package/custom-elements.json CHANGED
@@ -2969,832 +2969,477 @@
2969
2969
  },
2970
2970
  {
2971
2971
  "kind": "javascript-module",
2972
- "path": "src/chip/chip-set.styles.ts",
2973
- "declarations": [
2974
- {
2975
- "kind": "variable",
2976
- "name": "styles",
2977
- "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
2978
- }
2979
- ],
2980
- "exports": [
2981
- {
2982
- "kind": "js",
2983
- "name": "styles",
2984
- "declaration": {
2985
- "name": "styles",
2986
- "module": "src/chip/chip-set.styles.ts"
2987
- }
2988
- }
2989
- ]
2990
- },
2991
- {
2992
- "kind": "javascript-module",
2993
- "path": "src/chip/chip-set.ts",
2972
+ "path": "src/checkbox/checkbox-list-item.ts",
2994
2973
  "declarations": [
2995
2974
  {
2996
2975
  "kind": "class",
2997
2976
  "description": "",
2998
- "name": "UmChipSet",
2999
- "members": [
2977
+ "name": "UmCheckboxListItem",
2978
+ "mixins": [
3000
2979
  {
3001
- "kind": "field",
3002
- "name": "alignment",
3003
- "type": {
3004
- "text": "'start' | 'center' | 'end'"
3005
- },
3006
- "default": "'start'",
3007
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3008
- "attribute": "alignment",
3009
- "reflects": true,
3010
- "inheritedFrom": {
3011
- "name": "UmSetBase",
3012
- "module": "src/shared/sets/set-base.ts"
3013
- }
2980
+ "name": "mixinSelectionControlListItem",
2981
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
3014
2982
  }
3015
2983
  ],
3016
2984
  "superclass": {
3017
- "name": "UmSetBase",
3018
- "module": "/src/shared/sets/set-base.js"
2985
+ "name": "UmCheckbox",
2986
+ "module": "/src/checkbox/checkbox.js"
3019
2987
  },
3020
- "tagName": "u-chip-set",
2988
+ "tagName": "u-checkbox-list-item",
3021
2989
  "customElement": true,
3022
2990
  "attributes": [
3023
2991
  {
3024
- "name": "alignment",
3025
- "type": {
3026
- "text": "'start' | 'center' | 'end'"
3027
- },
3028
- "default": "'start'",
3029
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3030
- "fieldName": "alignment",
3031
- "inheritedFrom": {
3032
- "name": "UmSetBase",
3033
- "module": "src/shared/sets/set-base.ts"
3034
- }
3035
- }
3036
- ]
3037
- }
3038
- ],
3039
- "exports": [
3040
- {
3041
- "kind": "js",
3042
- "name": "UmChipSet",
3043
- "declaration": {
3044
- "name": "UmChipSet",
3045
- "module": "src/chip/chip-set.ts"
3046
- }
3047
- },
3048
- {
3049
- "kind": "custom-element-definition",
3050
- "name": "u-chip-set",
3051
- "declaration": {
3052
- "name": "UmChipSet",
3053
- "module": "src/chip/chip-set.ts"
3054
- }
3055
- }
3056
- ]
3057
- },
3058
- {
3059
- "kind": "javascript-module",
3060
- "path": "src/chip/chip.styles.ts",
3061
- "declarations": [
3062
- {
3063
- "kind": "variable",
3064
- "name": "styles",
3065
- "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: 1em;\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
3066
- }
3067
- ],
3068
- "exports": [
3069
- {
3070
- "kind": "js",
3071
- "name": "styles",
3072
- "declaration": {
3073
- "name": "styles",
3074
- "module": "src/chip/chip.styles.ts"
3075
- }
3076
- }
3077
- ]
3078
- },
3079
- {
3080
- "kind": "javascript-module",
3081
- "path": "src/chip/chip.ts",
3082
- "declarations": [
3083
- {
3084
- "kind": "class",
3085
- "description": "",
3086
- "name": "UmChip",
3087
- "members": [
3088
- {
3089
- "kind": "field",
3090
- "name": "#clickable",
3091
- "privacy": "private",
3092
- "type": {
3093
- "text": "boolean"
3094
- },
3095
- "default": "false"
3096
- },
3097
- {
3098
- "kind": "field",
3099
- "name": "#toggle",
3100
- "privacy": "private",
3101
- "type": {
3102
- "text": "boolean"
3103
- },
3104
- "default": "false"
3105
- },
3106
- {
3107
- "kind": "field",
3108
- "name": "selected",
3109
- "type": {
3110
- "text": "boolean"
3111
- },
3112
- "default": "false",
3113
- "description": "Whether the chip is selected or not",
3114
- "attribute": "selected",
3115
- "reflects": true
3116
- },
3117
- {
3118
- "kind": "field",
3119
- "name": "clickable",
3120
- "type": {
3121
- "text": "boolean"
3122
- },
3123
- "attribute": "clickable",
3124
- "reflects": true
3125
- },
3126
- {
3127
- "kind": "field",
3128
- "name": "elevated",
3129
- "type": {
3130
- "text": "boolean"
3131
- },
3132
- "default": "false",
3133
- "description": "Adds elevation to the chip",
3134
- "attribute": "elevated",
3135
- "reflects": true
3136
- },
3137
- {
3138
- "kind": "field",
3139
- "name": "toggle",
3140
- "type": {
3141
- "text": "boolean"
3142
- },
3143
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3144
- "attribute": "toggle",
3145
- "reflects": true
3146
- },
3147
- {
3148
- "kind": "field",
3149
- "name": "removable",
3150
- "type": {
3151
- "text": "boolean"
3152
- },
3153
- "default": "false",
3154
- "description": "Add the remove icon",
3155
- "attribute": "removable",
3156
- "reflects": true
3157
- },
3158
- {
3159
- "kind": "field",
3160
- "name": "hideSelectedIcon",
3161
- "type": {
3162
- "text": "boolean"
3163
- },
3164
- "default": "false",
3165
- "description": "Hide the selected icon",
3166
- "attribute": "hide-selected-icon",
3167
- "reflects": true
3168
- },
3169
- {
3170
- "kind": "field",
3171
- "name": "hasLeadingIcon",
3172
- "type": {
3173
- "text": "boolean"
3174
- },
3175
- "default": "false",
3176
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3177
- "attribute": "has-leading-icon",
3178
- "reflects": true
3179
- },
3180
- {
3181
- "kind": "field",
3182
- "name": "hasSelectedIcon",
3183
- "type": {
3184
- "text": "boolean"
3185
- },
3186
- "default": "false",
3187
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3188
- "attribute": "has-selected-icon",
3189
- "reflects": true
3190
- },
3191
- {
3192
- "kind": "field",
3193
- "name": "hasTrailingIcon",
2992
+ "name": "leading",
3194
2993
  "type": {
3195
2994
  "text": "boolean"
3196
2995
  },
3197
2996
  "default": "false",
3198
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3199
- "attribute": "has-trailing-icon",
3200
- "reflects": true
3201
- },
3202
- {
3203
- "kind": "field",
3204
- "name": "assignedLeadingIcons",
3205
- "type": {
3206
- "text": "HTMLElement[]"
3207
- },
3208
- "privacy": "private"
3209
- },
3210
- {
3211
- "kind": "field",
3212
- "name": "assignedSelectedIcons",
3213
- "type": {
3214
- "text": "HTMLElement[]"
3215
- },
3216
- "privacy": "private"
3217
- },
3218
- {
3219
- "kind": "field",
3220
- "name": "assignedTrailingIcons",
3221
- "type": {
3222
- "text": "HTMLElement[]"
3223
- },
3224
- "privacy": "private"
3225
- },
3226
- {
3227
- "kind": "field",
3228
- "name": "removeRipple",
3229
- "type": {
3230
- "text": "UmRipple"
3231
- }
3232
- },
3233
- {
3234
- "kind": "method",
3235
- "name": "#handleRemoveClick",
3236
- "parameters": [
3237
- {
3238
- "name": "e",
3239
- "type": {
3240
- "text": "Event"
3241
- }
3242
- }
3243
- ]
3244
- },
3245
- {
3246
- "kind": "method",
3247
- "name": "#handleTrailingIconSlotChange"
3248
- },
3249
- {
3250
- "kind": "method",
3251
- "name": "#handleLeadingIconSlotChange"
3252
- },
3253
- {
3254
- "kind": "method",
3255
- "name": "#handleSelectedIconSlotChange"
3256
- },
3257
- {
3258
- "kind": "method",
3259
- "name": "handleClick",
3260
- "privacy": "protected",
3261
- "return": {
3262
- "type": {
3263
- "text": "void"
3264
- }
3265
- },
3266
- "parameters": [
3267
- {
3268
- "name": "event",
3269
- "type": {
3270
- "text": "UIEvent"
3271
- }
3272
- }
3273
- ],
3274
- "inheritedFrom": {
3275
- "name": "UmButtonWrapper",
3276
- "module": "src/shared/button-wrapper.ts"
3277
- }
3278
- },
3279
- {
3280
- "kind": "method",
3281
- "name": "renderContent",
3282
- "privacy": "protected",
3283
- "return": {
3284
- "type": {
3285
- "text": "HTMLTemplateResult"
3286
- }
3287
- },
2997
+ "fieldName": "leading",
3288
2998
  "inheritedFrom": {
3289
- "name": "UmButtonWrapper",
3290
- "module": "src/shared/button-wrapper.ts"
2999
+ "name": "mixinSelectionControlListItem",
3000
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3291
3001
  }
3292
3002
  },
3293
3003
  {
3294
- "kind": "field",
3295
- "name": "disabled",
3004
+ "name": "hide-state-layer",
3296
3005
  "type": {
3297
3006
  "text": "boolean"
3298
3007
  },
3299
3008
  "default": "false",
3300
- "description": "Whether the button is disabled or not.",
3301
- "attribute": "disabled",
3302
- "reflects": true,
3009
+ "fieldName": "hideStateLayer",
3303
3010
  "inheritedFrom": {
3304
- "name": "UmButtonWrapper",
3305
- "module": "src/shared/button-wrapper.ts"
3011
+ "name": "UmCheckbox",
3012
+ "module": "src/checkbox/checkbox.ts"
3306
3013
  }
3307
3014
  },
3308
3015
  {
3309
- "kind": "field",
3310
- "name": "renderRipple",
3016
+ "name": "indeterminate",
3311
3017
  "type": {
3312
3018
  "text": "boolean"
3313
3019
  },
3314
- "default": "true",
3315
- "inheritedFrom": {
3316
- "name": "UmButtonWrapper",
3317
- "module": "src/shared/button-wrapper.ts"
3318
- }
3319
- },
3320
- {
3321
- "kind": "field",
3322
- "name": "href",
3323
- "type": {
3324
- "text": "string | undefined"
3325
- },
3326
- "description": "The URL that the link button points to.",
3327
- "attribute": "href",
3328
- "inheritedFrom": {
3329
- "name": "UmButtonWrapper",
3330
- "module": "src/shared/button-wrapper.ts"
3331
- }
3332
- },
3333
- {
3334
- "kind": "field",
3335
- "name": "target",
3336
- "type": {
3337
- "text": "string | undefined"
3338
- },
3339
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3340
- "attribute": "target",
3020
+ "fieldName": "indeterminate",
3341
3021
  "inheritedFrom": {
3342
- "name": "UmButtonWrapper",
3343
- "module": "src/shared/button-wrapper.ts"
3022
+ "name": "UmCheckbox",
3023
+ "module": "src/checkbox/checkbox.ts"
3344
3024
  }
3345
3025
  },
3346
3026
  {
3347
- "kind": "field",
3348
3027
  "name": "name",
3349
3028
  "type": {
3350
3029
  "text": "string | undefined"
3351
3030
  },
3352
- "attribute": "name",
3353
- "inheritedFrom": {
3354
- "name": "UmButtonWrapper",
3355
- "module": "src/shared/button-wrapper.ts"
3356
- }
3357
- },
3358
- {
3359
- "kind": "field",
3360
- "name": "buttonElement",
3361
- "type": {
3362
- "text": "HTMLElement"
3363
- },
3364
- "inheritedFrom": {
3365
- "name": "UmButtonWrapper",
3366
- "module": "src/shared/button-wrapper.ts"
3367
- }
3368
- },
3369
- {
3370
- "kind": "field",
3371
- "name": "ripple",
3372
- "type": {
3373
- "text": "UmRipple"
3374
- },
3375
- "privacy": "private",
3031
+ "default": "''",
3032
+ "fieldName": "name",
3376
3033
  "inheritedFrom": {
3377
- "name": "UmButtonWrapper",
3378
- "module": "src/shared/button-wrapper.ts"
3034
+ "name": "UmSelectionControl",
3035
+ "module": "src/shared/selection-control/selection-control.ts"
3379
3036
  }
3380
3037
  },
3381
3038
  {
3382
- "kind": "field",
3383
- "name": "innerRole",
3039
+ "name": "disabled",
3384
3040
  "type": {
3385
- "text": "string | null"
3041
+ "text": "boolean"
3386
3042
  },
3387
- "privacy": "protected",
3388
- "default": "null",
3043
+ "default": "false",
3044
+ "fieldName": "disabled",
3389
3045
  "inheritedFrom": {
3390
- "name": "UmButtonWrapper",
3391
- "module": "src/shared/button-wrapper.ts"
3046
+ "name": "UmSelectionControl",
3047
+ "module": "src/shared/selection-control/selection-control.ts"
3392
3048
  }
3393
3049
  },
3394
3050
  {
3395
- "kind": "field",
3396
- "name": "pathname",
3051
+ "name": "value",
3397
3052
  "type": {
3398
3053
  "text": "string"
3399
3054
  },
3055
+ "default": "'on'",
3056
+ "description": "The element value to use in form submission when checked.",
3057
+ "fieldName": "value",
3400
3058
  "inheritedFrom": {
3401
- "name": "UmButtonWrapper",
3402
- "module": "src/shared/button-wrapper.ts"
3403
- }
3404
- },
3405
- {
3406
- "kind": "method",
3407
- "name": "renderButton",
3408
- "privacy": "private",
3409
- "inheritedFrom": {
3410
- "name": "UmButtonWrapper",
3411
- "module": "src/shared/button-wrapper.ts"
3412
- }
3413
- },
3414
- {
3415
- "kind": "method",
3416
- "name": "renderLink",
3417
- "privacy": "private",
3418
- "inheritedFrom": {
3419
- "name": "UmButtonWrapper",
3420
- "module": "src/shared/button-wrapper.ts"
3421
- }
3422
- },
3423
- {
3424
- "kind": "method",
3425
- "name": "focus",
3426
- "inheritedFrom": {
3427
- "name": "UmButtonWrapper",
3428
- "module": "src/shared/button-wrapper.ts"
3429
- }
3430
- },
3431
- {
3432
- "kind": "method",
3433
- "name": "blur",
3434
- "inheritedFrom": {
3435
- "name": "UmButtonWrapper",
3436
- "module": "src/shared/button-wrapper.ts"
3437
- }
3438
- },
3439
- {
3440
- "kind": "method",
3441
- "name": "getAriaLabel",
3442
- "privacy": "protected",
3443
- "return": {
3444
- "type": {
3445
- "text": "string | null"
3446
- }
3447
- },
3448
- "inheritedFrom": {
3449
- "name": "UmButtonWrapper",
3450
- "module": "src/shared/button-wrapper.ts"
3451
- }
3452
- },
3453
- {
3454
- "kind": "method",
3455
- "name": "innerFocusHandler",
3456
- "privacy": "private",
3457
- "return": {
3458
- "type": {
3459
- "text": "void"
3460
- }
3461
- },
3462
- "inheritedFrom": {
3463
- "name": "UmButtonWrapper",
3464
- "module": "src/shared/button-wrapper.ts"
3465
- }
3466
- },
3467
- {
3468
- "kind": "method",
3469
- "name": "#innerClickHandler",
3470
- "return": {
3471
- "type": {
3472
- "text": "void"
3473
- }
3474
- },
3475
- "parameters": [
3476
- {
3477
- "name": "event",
3478
- "type": {
3479
- "text": "MouseEvent"
3480
- }
3481
- }
3482
- ],
3483
- "inheritedFrom": {
3484
- "name": "UmButtonWrapper",
3485
- "module": "src/shared/button-wrapper.ts"
3486
- }
3487
- }
3488
- ],
3489
- "events": [
3490
- {
3491
- "name": "change",
3492
- "type": {
3493
- "text": "Event"
3059
+ "name": "UmSelectionControl",
3060
+ "module": "src/shared/selection-control/selection-control.ts"
3494
3061
  }
3495
- }
3496
- ],
3497
- "attributes": [
3062
+ },
3498
3063
  {
3499
- "name": "selected",
3064
+ "name": "checked",
3065
+ "fieldName": "_checkedAttribute",
3500
3066
  "type": {
3501
3067
  "text": "boolean"
3502
3068
  },
3503
3069
  "default": "false",
3504
- "description": "Whether the chip is selected or not",
3505
- "fieldName": "selected"
3506
- },
3070
+ "inheritedFrom": {
3071
+ "name": "UmSelectionControl",
3072
+ "module": "src/shared/selection-control/selection-control.ts"
3073
+ }
3074
+ }
3075
+ ],
3076
+ "members": [
3507
3077
  {
3508
- "name": "clickable",
3078
+ "kind": "field",
3079
+ "name": "styles",
3509
3080
  "type": {
3510
- "text": "boolean"
3081
+ "text": "array"
3511
3082
  },
3512
- "fieldName": "clickable"
3083
+ "static": true,
3084
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]",
3085
+ "inheritedFrom": {
3086
+ "name": "mixinSelectionControlListItem",
3087
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3088
+ }
3513
3089
  },
3514
3090
  {
3515
- "name": "elevated",
3091
+ "kind": "field",
3092
+ "name": "leading",
3516
3093
  "type": {
3517
3094
  "text": "boolean"
3518
3095
  },
3519
3096
  "default": "false",
3520
- "description": "Adds elevation to the chip",
3521
- "fieldName": "elevated"
3097
+ "attribute": "leading",
3098
+ "inheritedFrom": {
3099
+ "name": "mixinSelectionControlListItem",
3100
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3101
+ }
3522
3102
  },
3523
3103
  {
3524
- "name": "toggle",
3525
- "type": {
3526
- "text": "boolean"
3104
+ "kind": "method",
3105
+ "name": "render",
3106
+ "return": {
3107
+ "type": {
3108
+ "text": "HTMLTemplateResult"
3109
+ }
3527
3110
  },
3528
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3529
- "fieldName": "toggle"
3111
+ "inheritedFrom": {
3112
+ "name": "mixinSelectionControlListItem",
3113
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3114
+ }
3530
3115
  },
3531
3116
  {
3532
- "name": "removable",
3117
+ "kind": "field",
3118
+ "name": "#indeterminate",
3119
+ "privacy": "private",
3533
3120
  "type": {
3534
3121
  "text": "boolean"
3535
3122
  },
3536
3123
  "default": "false",
3537
- "description": "Add the remove icon",
3538
- "fieldName": "removable"
3124
+ "inheritedFrom": {
3125
+ "name": "UmCheckbox",
3126
+ "module": "src/checkbox/checkbox.ts"
3127
+ }
3539
3128
  },
3540
3129
  {
3541
- "name": "hide-selected-icon",
3130
+ "kind": "field",
3131
+ "name": "hideStateLayer",
3542
3132
  "type": {
3543
3133
  "text": "boolean"
3544
3134
  },
3545
3135
  "default": "false",
3546
- "description": "Hide the selected icon",
3547
- "fieldName": "hideSelectedIcon"
3136
+ "attribute": "hide-state-layer",
3137
+ "reflects": true,
3138
+ "inheritedFrom": {
3139
+ "name": "UmCheckbox",
3140
+ "module": "src/checkbox/checkbox.ts"
3141
+ }
3548
3142
  },
3549
3143
  {
3550
- "name": "has-leading-icon",
3144
+ "kind": "field",
3145
+ "name": "indeterminate",
3551
3146
  "type": {
3552
3147
  "text": "boolean"
3553
3148
  },
3554
- "default": "false",
3555
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3556
- "fieldName": "hasLeadingIcon"
3149
+ "attribute": "indeterminate",
3150
+ "inheritedFrom": {
3151
+ "name": "UmCheckbox",
3152
+ "module": "src/checkbox/checkbox.ts"
3153
+ }
3557
3154
  },
3558
3155
  {
3559
- "name": "has-selected-icon",
3156
+ "kind": "field",
3157
+ "name": "checked",
3158
+ "attribute": "checked",
3560
3159
  "type": {
3561
3160
  "text": "boolean"
3562
3161
  },
3563
- "default": "false",
3564
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3565
- "fieldName": "hasSelectedIcon"
3162
+ "inheritedFrom": {
3163
+ "name": "UmSelectionControl",
3164
+ "module": "src/shared/selection-control/selection-control.ts"
3165
+ }
3566
3166
  },
3567
3167
  {
3568
- "name": "has-trailing-icon",
3569
- "type": {
3570
- "text": "boolean"
3168
+ "kind": "method",
3169
+ "name": "renderIndicator",
3170
+ "privacy": "protected",
3171
+ "return": {
3172
+ "type": {
3173
+ "text": "HTMLTemplateResult"
3174
+ }
3571
3175
  },
3572
- "default": "false",
3573
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3574
- "fieldName": "hasTrailingIcon"
3176
+ "inheritedFrom": {
3177
+ "name": "UmSelectionControl",
3178
+ "module": "src/shared/selection-control/selection-control.ts"
3179
+ }
3575
3180
  },
3576
3181
  {
3577
- "name": "disabled",
3182
+ "kind": "field",
3183
+ "name": "formAssociated",
3578
3184
  "type": {
3579
3185
  "text": "boolean"
3580
3186
  },
3581
- "default": "false",
3582
- "description": "Whether the button is disabled or not.",
3583
- "fieldName": "disabled",
3187
+ "static": true,
3188
+ "default": "true",
3584
3189
  "inheritedFrom": {
3585
- "name": "UmButtonWrapper",
3586
- "module": "src/shared/button-wrapper.ts"
3190
+ "name": "UmSelectionControl",
3191
+ "module": "src/shared/selection-control/selection-control.ts"
3587
3192
  }
3588
3193
  },
3589
3194
  {
3590
- "name": "href",
3195
+ "kind": "field",
3196
+ "name": "shadowRootOptions",
3591
3197
  "type": {
3592
- "text": "string | undefined"
3198
+ "text": "ShadowRootInit"
3593
3199
  },
3594
- "description": "The URL that the link button points to.",
3595
- "fieldName": "href",
3200
+ "static": true,
3201
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
3596
3202
  "inheritedFrom": {
3597
- "name": "UmButtonWrapper",
3598
- "module": "src/shared/button-wrapper.ts"
3203
+ "name": "UmSelectionControl",
3204
+ "module": "src/shared/selection-control/selection-control.ts"
3599
3205
  }
3600
3206
  },
3601
3207
  {
3602
- "name": "target",
3208
+ "kind": "field",
3209
+ "name": "elementInternals",
3603
3210
  "type": {
3604
- "text": "string | undefined"
3211
+ "text": "ElementInternals"
3605
3212
  },
3606
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3607
- "fieldName": "target",
3213
+ "privacy": "protected",
3608
3214
  "inheritedFrom": {
3609
- "name": "UmButtonWrapper",
3610
- "module": "src/shared/button-wrapper.ts"
3215
+ "name": "UmSelectionControl",
3216
+ "module": "src/shared/selection-control/selection-control.ts"
3611
3217
  }
3612
3218
  },
3613
3219
  {
3220
+ "kind": "field",
3614
3221
  "name": "name",
3615
3222
  "type": {
3616
3223
  "text": "string | undefined"
3617
3224
  },
3618
- "fieldName": "name",
3225
+ "default": "''",
3226
+ "attribute": "name",
3227
+ "reflects": true,
3619
3228
  "inheritedFrom": {
3620
- "name": "UmButtonWrapper",
3621
- "module": "src/shared/button-wrapper.ts"
3229
+ "name": "UmSelectionControl",
3230
+ "module": "src/shared/selection-control/selection-control.ts"
3622
3231
  }
3623
- }
3624
- ],
3625
- "superclass": {
3626
- "name": "UmButtonWrapper",
3627
- "module": "/src/shared/button-wrapper.js"
3628
- },
3629
- "tagName": "u-chip",
3630
- "customElement": true
3631
- }
3632
- ],
3633
- "exports": [
3634
- {
3635
- "kind": "js",
3636
- "name": "UmChip",
3637
- "declaration": {
3638
- "name": "UmChip",
3639
- "module": "src/chip/chip.ts"
3640
- }
3641
- },
3642
- {
3643
- "kind": "custom-element-definition",
3644
- "name": "u-chip",
3645
- "declaration": {
3646
- "name": "UmChip",
3647
- "module": "src/chip/chip.ts"
3648
- }
3649
- }
3650
- ]
3651
- },
3652
- {
3653
- "kind": "javascript-module",
3654
- "path": "src/checkbox/checkbox-list-item.ts",
3655
- "declarations": [
3656
- {
3657
- "kind": "class",
3658
- "description": "",
3659
- "name": "UmCheckboxListItem",
3660
- "mixins": [
3661
- {
3662
- "name": "mixinSelectionControlListItem",
3663
- "module": "/src/shared/selection-control/selection-control-list-item.js"
3664
- }
3665
- ],
3666
- "superclass": {
3667
- "name": "UmCheckbox",
3668
- "module": "/src/checkbox/checkbox.js"
3669
- },
3670
- "tagName": "u-checkbox-list-item",
3671
- "customElement": true,
3672
- "attributes": [
3232
+ },
3673
3233
  {
3674
- "name": "leading",
3234
+ "kind": "field",
3235
+ "name": "disabled",
3675
3236
  "type": {
3676
3237
  "text": "boolean"
3677
3238
  },
3678
3239
  "default": "false",
3679
- "fieldName": "leading",
3240
+ "attribute": "disabled",
3241
+ "reflects": true,
3680
3242
  "inheritedFrom": {
3681
- "name": "mixinSelectionControlListItem",
3682
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3243
+ "name": "UmSelectionControl",
3244
+ "module": "src/shared/selection-control/selection-control.ts"
3683
3245
  }
3684
3246
  },
3685
3247
  {
3686
- "name": "hide-state-layer",
3248
+ "kind": "field",
3249
+ "name": "input",
3687
3250
  "type": {
3688
- "text": "boolean"
3251
+ "text": "HTMLInputElement"
3689
3252
  },
3690
- "default": "false",
3691
- "fieldName": "hideStateLayer",
3692
3253
  "inheritedFrom": {
3693
- "name": "UmCheckbox",
3694
- "module": "src/checkbox/checkbox.ts"
3254
+ "name": "UmSelectionControl",
3255
+ "module": "src/shared/selection-control/selection-control.ts"
3256
+ }
3257
+ },
3258
+ {
3259
+ "kind": "field",
3260
+ "name": "form",
3261
+ "type": {
3262
+ "text": "HTMLFormElement | null"
3263
+ },
3264
+ "inheritedFrom": {
3265
+ "name": "UmSelectionControl",
3266
+ "module": "src/shared/selection-control/selection-control.ts"
3267
+ }
3268
+ },
3269
+ {
3270
+ "kind": "method",
3271
+ "name": "focus",
3272
+ "parameters": [
3273
+ {
3274
+ "name": "options",
3275
+ "optional": true,
3276
+ "type": {
3277
+ "text": "FocusOptions"
3278
+ }
3279
+ }
3280
+ ],
3281
+ "inheritedFrom": {
3282
+ "name": "UmSelectionControl",
3283
+ "module": "src/shared/selection-control/selection-control.ts"
3695
3284
  }
3696
3285
  },
3697
3286
  {
3698
- "name": "indeterminate",
3287
+ "kind": "field",
3288
+ "name": "#checked",
3289
+ "privacy": "private",
3699
3290
  "type": {
3700
3291
  "text": "boolean"
3701
3292
  },
3702
- "fieldName": "indeterminate",
3293
+ "default": "false",
3703
3294
  "inheritedFrom": {
3704
- "name": "UmCheckbox",
3705
- "module": "src/checkbox/checkbox.ts"
3295
+ "name": "UmSelectionControl",
3296
+ "module": "src/shared/selection-control/selection-control.ts"
3706
3297
  }
3707
3298
  },
3708
3299
  {
3709
- "name": "name",
3300
+ "kind": "field",
3301
+ "name": "inputType",
3710
3302
  "type": {
3711
- "text": "string | undefined"
3303
+ "text": "'checkbox' | 'radio'"
3712
3304
  },
3713
- "default": "''",
3714
- "fieldName": "name",
3305
+ "privacy": "protected",
3306
+ "default": "'checkbox'",
3715
3307
  "inheritedFrom": {
3716
3308
  "name": "UmSelectionControl",
3717
3309
  "module": "src/shared/selection-control/selection-control.ts"
3718
3310
  }
3719
3311
  },
3720
3312
  {
3721
- "name": "disabled",
3313
+ "kind": "field",
3314
+ "name": "renderRipple",
3722
3315
  "type": {
3723
3316
  "text": "boolean"
3724
3317
  },
3725
- "default": "false",
3726
- "fieldName": "disabled",
3318
+ "privacy": "protected",
3319
+ "default": "true",
3727
3320
  "inheritedFrom": {
3728
3321
  "name": "UmSelectionControl",
3729
3322
  "module": "src/shared/selection-control/selection-control.ts"
3730
3323
  }
3731
3324
  },
3732
3325
  {
3326
+ "kind": "field",
3733
3327
  "name": "value",
3734
3328
  "type": {
3735
3329
  "text": "string"
3736
3330
  },
3737
3331
  "default": "'on'",
3738
3332
  "description": "The element value to use in form submission when checked.",
3739
- "fieldName": "value",
3333
+ "attribute": "value",
3740
3334
  "inheritedFrom": {
3741
3335
  "name": "UmSelectionControl",
3742
3336
  "module": "src/shared/selection-control/selection-control.ts"
3743
3337
  }
3744
3338
  },
3745
3339
  {
3746
- "name": "checked",
3747
- "fieldName": "_checkedAttribute",
3340
+ "kind": "field",
3341
+ "name": "_checkedAttribute",
3748
3342
  "type": {
3749
3343
  "text": "boolean"
3750
3344
  },
3345
+ "privacy": "private",
3751
3346
  "default": "false",
3347
+ "attribute": "checked",
3752
3348
  "inheritedFrom": {
3753
3349
  "name": "UmSelectionControl",
3754
3350
  "module": "src/shared/selection-control/selection-control.ts"
3755
3351
  }
3756
- }
3757
- ],
3758
- "members": [
3352
+ },
3759
3353
  {
3760
- "kind": "field",
3761
- "name": "styles",
3762
- "type": {
3763
- "text": "array"
3764
- },
3765
- "static": true,
3766
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]",
3354
+ "kind": "method",
3355
+ "name": "#handleClick",
3356
+ "parameters": [
3357
+ {
3358
+ "name": "e",
3359
+ "type": {
3360
+ "text": "Event"
3361
+ }
3362
+ }
3363
+ ],
3767
3364
  "inheritedFrom": {
3768
- "name": "mixinSelectionControlListItem",
3769
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3365
+ "name": "UmSelectionControl",
3366
+ "module": "src/shared/selection-control/selection-control.ts"
3770
3367
  }
3771
- },
3368
+ }
3369
+ ],
3370
+ "events": [
3772
3371
  {
3773
- "kind": "field",
3774
- "name": "leading",
3372
+ "name": "input",
3775
3373
  "type": {
3776
- "text": "boolean"
3374
+ "text": "InputEvent"
3777
3375
  },
3778
- "default": "false",
3779
- "attribute": "leading",
3780
3376
  "inheritedFrom": {
3781
- "name": "mixinSelectionControlListItem",
3782
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3377
+ "name": "UmSelectionControl",
3378
+ "module": "src/shared/selection-control/selection-control.ts"
3783
3379
  }
3784
3380
  },
3785
3381
  {
3786
- "kind": "method",
3787
- "name": "render",
3788
- "return": {
3789
- "type": {
3790
- "text": "HTMLTemplateResult"
3791
- }
3382
+ "name": "change",
3383
+ "type": {
3384
+ "text": "Event"
3792
3385
  },
3793
3386
  "inheritedFrom": {
3794
- "name": "mixinSelectionControlListItem",
3795
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3387
+ "name": "UmSelectionControl",
3388
+ "module": "src/shared/selection-control/selection-control.ts"
3796
3389
  }
3797
- },
3390
+ }
3391
+ ]
3392
+ }
3393
+ ],
3394
+ "exports": [
3395
+ {
3396
+ "kind": "js",
3397
+ "name": "UmCheckboxListItem",
3398
+ "declaration": {
3399
+ "name": "UmCheckboxListItem",
3400
+ "module": "src/checkbox/checkbox-list-item.ts"
3401
+ }
3402
+ },
3403
+ {
3404
+ "kind": "custom-element-definition",
3405
+ "name": "u-checkbox-list-item",
3406
+ "declaration": {
3407
+ "name": "UmCheckboxListItem",
3408
+ "module": "src/checkbox/checkbox-list-item.ts"
3409
+ }
3410
+ }
3411
+ ]
3412
+ },
3413
+ {
3414
+ "kind": "javascript-module",
3415
+ "path": "src/checkbox/checkbox.styles.ts",
3416
+ "declarations": [
3417
+ {
3418
+ "kind": "variable",
3419
+ "name": "styles",
3420
+ "default": "css `\n :host {\n --_state-layer-padding: var(--u-checkbox-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-checkbox-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n pointer-events: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-checkbox-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_indicator-size: var(--u-checkbox-indicator-size, 1.125rem);\n --_width: var(--u-checkbox-size, 3rem);\n --_height: var(--_width);\n }\n\n .border {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n box-shadow: 0 0 0 var(--u-checkbox-indicator-border-width, 0.125rem) var(--_indicator-color) inset;\n border-radius: var(--u-checkbox-indicator-shaper-coner, 2px);\n transition: box-shadow 175ms 175ms;\n }\n\n .indicator {\n position: absolute;\n display: flex;\n justify-content: center;\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n overflow: hidden;\n clip: rect(0, 0, var(--_indicator-size), 0);\n transition: clip 275ms;\n }\n .indicator::before {\n position: relative;\n top: 25%;\n box-sizing: border-box;\n display: block;\n width: 0.75rem;\n height: 0.35rem;\n content: \"\";\n border: var(--u-checkbox-indicator-border-width, 0.125rem) solid var(--u-color-on-primary, rgb(255, 255, 255));\n border-top-style: none;\n border-right-style: none;\n transform: rotate(-45deg);\n transition: border 175ms, transform 175ms;\n }\n\n input.indeterminate ~ .indicator-container .border,\n input:checked ~ .indicator-container .border {\n box-shadow: 0 0 0 calc(var(--_indicator-size) / 2) var(--_indicator-color) inset;\n transition: box-shadow 175ms;\n }\n input.indeterminate ~ .indicator-container .indicator,\n input:checked ~ .indicator-container .indicator {\n clip: rect(0, var(--_indicator-size), var(--_indicator-size), 0);\n transition: clip 175ms 175ms;\n }\n\n input.indeterminate ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-indeterminate-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n input.indeterminate ~ .indicator-container .indicator::before {\n border-left-style: none;\n transform: rotate(0);\n width: 0.6rem;\n }\n`"
3421
+ }
3422
+ ],
3423
+ "exports": [
3424
+ {
3425
+ "kind": "js",
3426
+ "name": "styles",
3427
+ "declaration": {
3428
+ "name": "styles",
3429
+ "module": "src/checkbox/checkbox.styles.ts"
3430
+ }
3431
+ }
3432
+ ]
3433
+ },
3434
+ {
3435
+ "kind": "javascript-module",
3436
+ "path": "src/checkbox/checkbox.ts",
3437
+ "declarations": [
3438
+ {
3439
+ "kind": "class",
3440
+ "description": "",
3441
+ "name": "UmCheckbox",
3442
+ "members": [
3798
3443
  {
3799
3444
  "kind": "field",
3800
3445
  "name": "#indeterminate",
@@ -3802,11 +3447,7 @@
3802
3447
  "type": {
3803
3448
  "text": "boolean"
3804
3449
  },
3805
- "default": "false",
3806
- "inheritedFrom": {
3807
- "name": "UmCheckbox",
3808
- "module": "src/checkbox/checkbox.ts"
3809
- }
3450
+ "default": "false"
3810
3451
  },
3811
3452
  {
3812
3453
  "kind": "field",
@@ -3816,11 +3457,7 @@
3816
3457
  },
3817
3458
  "default": "false",
3818
3459
  "attribute": "hide-state-layer",
3819
- "reflects": true,
3820
- "inheritedFrom": {
3821
- "name": "UmCheckbox",
3822
- "module": "src/checkbox/checkbox.ts"
3823
- }
3460
+ "reflects": true
3824
3461
  },
3825
3462
  {
3826
3463
  "kind": "field",
@@ -3828,11 +3465,7 @@
3828
3465
  "type": {
3829
3466
  "text": "boolean"
3830
3467
  },
3831
- "attribute": "indeterminate",
3832
- "inheritedFrom": {
3833
- "name": "UmCheckbox",
3834
- "module": "src/checkbox/checkbox.ts"
3835
- }
3468
+ "attribute": "indeterminate"
3836
3469
  },
3837
3470
  {
3838
3471
  "kind": "field",
@@ -3972,83 +3605,155 @@
3972
3605
  "type": {
3973
3606
  "text": "boolean"
3974
3607
  },
3975
- "default": "false",
3976
- "inheritedFrom": {
3977
- "name": "UmSelectionControl",
3978
- "module": "src/shared/selection-control/selection-control.ts"
3979
- }
3608
+ "default": "false",
3609
+ "inheritedFrom": {
3610
+ "name": "UmSelectionControl",
3611
+ "module": "src/shared/selection-control/selection-control.ts"
3612
+ }
3613
+ },
3614
+ {
3615
+ "kind": "field",
3616
+ "name": "inputType",
3617
+ "type": {
3618
+ "text": "'checkbox' | 'radio'"
3619
+ },
3620
+ "privacy": "protected",
3621
+ "default": "'checkbox'",
3622
+ "inheritedFrom": {
3623
+ "name": "UmSelectionControl",
3624
+ "module": "src/shared/selection-control/selection-control.ts"
3625
+ }
3626
+ },
3627
+ {
3628
+ "kind": "field",
3629
+ "name": "renderRipple",
3630
+ "type": {
3631
+ "text": "boolean"
3632
+ },
3633
+ "privacy": "protected",
3634
+ "default": "true",
3635
+ "inheritedFrom": {
3636
+ "name": "UmSelectionControl",
3637
+ "module": "src/shared/selection-control/selection-control.ts"
3638
+ }
3639
+ },
3640
+ {
3641
+ "kind": "field",
3642
+ "name": "value",
3643
+ "type": {
3644
+ "text": "string"
3645
+ },
3646
+ "default": "'on'",
3647
+ "description": "The element value to use in form submission when checked.",
3648
+ "attribute": "value",
3649
+ "inheritedFrom": {
3650
+ "name": "UmSelectionControl",
3651
+ "module": "src/shared/selection-control/selection-control.ts"
3652
+ }
3653
+ },
3654
+ {
3655
+ "kind": "field",
3656
+ "name": "_checkedAttribute",
3657
+ "type": {
3658
+ "text": "boolean"
3659
+ },
3660
+ "privacy": "private",
3661
+ "default": "false",
3662
+ "attribute": "checked",
3663
+ "inheritedFrom": {
3664
+ "name": "UmSelectionControl",
3665
+ "module": "src/shared/selection-control/selection-control.ts"
3666
+ }
3667
+ },
3668
+ {
3669
+ "kind": "method",
3670
+ "name": "#handleClick",
3671
+ "parameters": [
3672
+ {
3673
+ "name": "e",
3674
+ "type": {
3675
+ "text": "Event"
3676
+ }
3677
+ }
3678
+ ],
3679
+ "inheritedFrom": {
3680
+ "name": "UmSelectionControl",
3681
+ "module": "src/shared/selection-control/selection-control.ts"
3682
+ }
3683
+ }
3684
+ ],
3685
+ "attributes": [
3686
+ {
3687
+ "name": "hide-state-layer",
3688
+ "type": {
3689
+ "text": "boolean"
3690
+ },
3691
+ "default": "false",
3692
+ "fieldName": "hideStateLayer"
3693
+ },
3694
+ {
3695
+ "name": "indeterminate",
3696
+ "type": {
3697
+ "text": "boolean"
3698
+ },
3699
+ "fieldName": "indeterminate"
3980
3700
  },
3981
3701
  {
3982
- "kind": "field",
3983
- "name": "inputType",
3702
+ "name": "name",
3984
3703
  "type": {
3985
- "text": "'checkbox' | 'radio'"
3704
+ "text": "string | undefined"
3986
3705
  },
3987
- "privacy": "protected",
3988
- "default": "'checkbox'",
3706
+ "default": "''",
3707
+ "fieldName": "name",
3989
3708
  "inheritedFrom": {
3990
3709
  "name": "UmSelectionControl",
3991
3710
  "module": "src/shared/selection-control/selection-control.ts"
3992
3711
  }
3993
3712
  },
3994
3713
  {
3995
- "kind": "field",
3996
- "name": "renderRipple",
3714
+ "name": "disabled",
3997
3715
  "type": {
3998
3716
  "text": "boolean"
3999
3717
  },
4000
- "privacy": "protected",
4001
- "default": "true",
3718
+ "default": "false",
3719
+ "fieldName": "disabled",
4002
3720
  "inheritedFrom": {
4003
3721
  "name": "UmSelectionControl",
4004
3722
  "module": "src/shared/selection-control/selection-control.ts"
4005
3723
  }
4006
3724
  },
4007
3725
  {
4008
- "kind": "field",
4009
3726
  "name": "value",
4010
3727
  "type": {
4011
3728
  "text": "string"
4012
3729
  },
4013
3730
  "default": "'on'",
4014
3731
  "description": "The element value to use in form submission when checked.",
4015
- "attribute": "value",
3732
+ "fieldName": "value",
4016
3733
  "inheritedFrom": {
4017
3734
  "name": "UmSelectionControl",
4018
3735
  "module": "src/shared/selection-control/selection-control.ts"
4019
3736
  }
4020
3737
  },
4021
3738
  {
4022
- "kind": "field",
4023
- "name": "_checkedAttribute",
3739
+ "name": "checked",
3740
+ "fieldName": "_checkedAttribute",
4024
3741
  "type": {
4025
3742
  "text": "boolean"
4026
3743
  },
4027
- "privacy": "private",
4028
3744
  "default": "false",
4029
- "attribute": "checked",
4030
- "inheritedFrom": {
4031
- "name": "UmSelectionControl",
4032
- "module": "src/shared/selection-control/selection-control.ts"
4033
- }
4034
- },
4035
- {
4036
- "kind": "method",
4037
- "name": "#handleClick",
4038
- "parameters": [
4039
- {
4040
- "name": "e",
4041
- "type": {
4042
- "text": "Event"
4043
- }
4044
- }
4045
- ],
4046
3745
  "inheritedFrom": {
4047
3746
  "name": "UmSelectionControl",
4048
3747
  "module": "src/shared/selection-control/selection-control.ts"
4049
3748
  }
4050
3749
  }
4051
3750
  ],
3751
+ "superclass": {
3752
+ "name": "UmSelectionControl",
3753
+ "module": "/src/shared/selection-control/selection-control.js"
3754
+ },
3755
+ "tagName": "u-checkbox",
3756
+ "customElement": true,
4052
3757
  "events": [
4053
3758
  {
4054
3759
  "name": "input",
@@ -4076,30 +3781,30 @@
4076
3781
  "exports": [
4077
3782
  {
4078
3783
  "kind": "js",
4079
- "name": "UmCheckboxListItem",
3784
+ "name": "UmCheckbox",
4080
3785
  "declaration": {
4081
- "name": "UmCheckboxListItem",
4082
- "module": "src/checkbox/checkbox-list-item.ts"
3786
+ "name": "UmCheckbox",
3787
+ "module": "src/checkbox/checkbox.ts"
4083
3788
  }
4084
3789
  },
4085
3790
  {
4086
3791
  "kind": "custom-element-definition",
4087
- "name": "u-checkbox-list-item",
3792
+ "name": "u-checkbox",
4088
3793
  "declaration": {
4089
- "name": "UmCheckboxListItem",
4090
- "module": "src/checkbox/checkbox-list-item.ts"
3794
+ "name": "UmCheckbox",
3795
+ "module": "src/checkbox/checkbox.ts"
4091
3796
  }
4092
3797
  }
4093
3798
  ]
4094
3799
  },
4095
3800
  {
4096
3801
  "kind": "javascript-module",
4097
- "path": "src/checkbox/checkbox.styles.ts",
3802
+ "path": "src/chip/chip-set.styles.ts",
4098
3803
  "declarations": [
4099
3804
  {
4100
3805
  "kind": "variable",
4101
3806
  "name": "styles",
4102
- "default": "css `\n :host {\n --_state-layer-padding: var(--u-checkbox-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-checkbox-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n pointer-events: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-checkbox-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_indicator-size: var(--u-checkbox-indicator-size, 1.125rem);\n --_width: var(--u-checkbox-size, 3rem);\n --_height: var(--_width);\n }\n\n .border {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n box-shadow: 0 0 0 var(--u-checkbox-indicator-border-width, 0.125rem) var(--_indicator-color) inset;\n border-radius: var(--u-checkbox-indicator-shaper-coner, 2px);\n transition: box-shadow 175ms 175ms;\n }\n\n .indicator {\n position: absolute;\n display: flex;\n justify-content: center;\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n overflow: hidden;\n clip: rect(0, 0, var(--_indicator-size), 0);\n transition: clip 275ms;\n }\n .indicator::before {\n position: relative;\n top: 25%;\n box-sizing: border-box;\n display: block;\n width: 0.75rem;\n height: 0.35rem;\n content: \"\";\n border: var(--u-checkbox-indicator-border-width, 0.125rem) solid var(--u-color-on-primary, rgb(255, 255, 255));\n border-top-style: none;\n border-right-style: none;\n transform: rotate(-45deg);\n transition: border 175ms, transform 175ms;\n }\n\n input.indeterminate ~ .indicator-container .border,\n input:checked ~ .indicator-container .border {\n box-shadow: 0 0 0 calc(var(--_indicator-size) / 2) var(--_indicator-color) inset;\n transition: box-shadow 175ms;\n }\n input.indeterminate ~ .indicator-container .indicator,\n input:checked ~ .indicator-container .indicator {\n clip: rect(0, var(--_indicator-size), var(--_indicator-size), 0);\n transition: clip 175ms 175ms;\n }\n\n input.indeterminate ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-indeterminate-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n input.indeterminate ~ .indicator-container .indicator::before {\n border-left-style: none;\n transform: rotate(0);\n width: 0.6rem;\n }\n`"
3807
+ "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
4103
3808
  }
4104
3809
  ],
4105
3810
  "exports": [
@@ -4108,62 +3813,302 @@
4108
3813
  "name": "styles",
4109
3814
  "declaration": {
4110
3815
  "name": "styles",
4111
- "module": "src/checkbox/checkbox.styles.ts"
3816
+ "module": "src/chip/chip-set.styles.ts"
4112
3817
  }
4113
3818
  }
4114
3819
  ]
4115
3820
  },
4116
3821
  {
4117
3822
  "kind": "javascript-module",
4118
- "path": "src/checkbox/checkbox.ts",
3823
+ "path": "src/chip/chip-set.ts",
4119
3824
  "declarations": [
4120
3825
  {
4121
3826
  "kind": "class",
4122
3827
  "description": "",
4123
- "name": "UmCheckbox",
3828
+ "name": "UmChipSet",
4124
3829
  "members": [
4125
3830
  {
4126
3831
  "kind": "field",
4127
- "name": "#indeterminate",
3832
+ "name": "alignment",
3833
+ "type": {
3834
+ "text": "'start' | 'center' | 'end'"
3835
+ },
3836
+ "default": "'start'",
3837
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3838
+ "attribute": "alignment",
3839
+ "reflects": true,
3840
+ "inheritedFrom": {
3841
+ "name": "UmSetBase",
3842
+ "module": "src/shared/sets/set-base.ts"
3843
+ }
3844
+ }
3845
+ ],
3846
+ "superclass": {
3847
+ "name": "UmSetBase",
3848
+ "module": "/src/shared/sets/set-base.js"
3849
+ },
3850
+ "tagName": "u-chip-set",
3851
+ "customElement": true,
3852
+ "attributes": [
3853
+ {
3854
+ "name": "alignment",
3855
+ "type": {
3856
+ "text": "'start' | 'center' | 'end'"
3857
+ },
3858
+ "default": "'start'",
3859
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3860
+ "fieldName": "alignment",
3861
+ "inheritedFrom": {
3862
+ "name": "UmSetBase",
3863
+ "module": "src/shared/sets/set-base.ts"
3864
+ }
3865
+ }
3866
+ ]
3867
+ }
3868
+ ],
3869
+ "exports": [
3870
+ {
3871
+ "kind": "js",
3872
+ "name": "UmChipSet",
3873
+ "declaration": {
3874
+ "name": "UmChipSet",
3875
+ "module": "src/chip/chip-set.ts"
3876
+ }
3877
+ },
3878
+ {
3879
+ "kind": "custom-element-definition",
3880
+ "name": "u-chip-set",
3881
+ "declaration": {
3882
+ "name": "UmChipSet",
3883
+ "module": "src/chip/chip-set.ts"
3884
+ }
3885
+ }
3886
+ ]
3887
+ },
3888
+ {
3889
+ "kind": "javascript-module",
3890
+ "path": "src/chip/chip.styles.ts",
3891
+ "declarations": [
3892
+ {
3893
+ "kind": "variable",
3894
+ "name": "styles",
3895
+ "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: 1em;\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
3896
+ }
3897
+ ],
3898
+ "exports": [
3899
+ {
3900
+ "kind": "js",
3901
+ "name": "styles",
3902
+ "declaration": {
3903
+ "name": "styles",
3904
+ "module": "src/chip/chip.styles.ts"
3905
+ }
3906
+ }
3907
+ ]
3908
+ },
3909
+ {
3910
+ "kind": "javascript-module",
3911
+ "path": "src/chip/chip.ts",
3912
+ "declarations": [
3913
+ {
3914
+ "kind": "class",
3915
+ "description": "",
3916
+ "name": "UmChip",
3917
+ "members": [
3918
+ {
3919
+ "kind": "field",
3920
+ "name": "#clickable",
3921
+ "privacy": "private",
3922
+ "type": {
3923
+ "text": "boolean"
3924
+ },
3925
+ "default": "false"
3926
+ },
3927
+ {
3928
+ "kind": "field",
3929
+ "name": "#toggle",
4128
3930
  "privacy": "private",
4129
3931
  "type": {
4130
3932
  "text": "boolean"
4131
3933
  },
4132
- "default": "false"
3934
+ "default": "false"
3935
+ },
3936
+ {
3937
+ "kind": "field",
3938
+ "name": "selected",
3939
+ "type": {
3940
+ "text": "boolean"
3941
+ },
3942
+ "default": "false",
3943
+ "description": "Whether the chip is selected or not",
3944
+ "attribute": "selected",
3945
+ "reflects": true
3946
+ },
3947
+ {
3948
+ "kind": "field",
3949
+ "name": "clickable",
3950
+ "type": {
3951
+ "text": "boolean"
3952
+ },
3953
+ "attribute": "clickable",
3954
+ "reflects": true
3955
+ },
3956
+ {
3957
+ "kind": "field",
3958
+ "name": "elevated",
3959
+ "type": {
3960
+ "text": "boolean"
3961
+ },
3962
+ "default": "false",
3963
+ "description": "Adds elevation to the chip",
3964
+ "attribute": "elevated",
3965
+ "reflects": true
3966
+ },
3967
+ {
3968
+ "kind": "field",
3969
+ "name": "toggle",
3970
+ "type": {
3971
+ "text": "boolean"
3972
+ },
3973
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
3974
+ "attribute": "toggle",
3975
+ "reflects": true
3976
+ },
3977
+ {
3978
+ "kind": "field",
3979
+ "name": "removable",
3980
+ "type": {
3981
+ "text": "boolean"
3982
+ },
3983
+ "default": "false",
3984
+ "description": "Add the remove icon",
3985
+ "attribute": "removable",
3986
+ "reflects": true
3987
+ },
3988
+ {
3989
+ "kind": "field",
3990
+ "name": "hideSelectedIcon",
3991
+ "type": {
3992
+ "text": "boolean"
3993
+ },
3994
+ "default": "false",
3995
+ "description": "Hide the selected icon",
3996
+ "attribute": "hide-selected-icon",
3997
+ "reflects": true
3998
+ },
3999
+ {
4000
+ "kind": "field",
4001
+ "name": "hasLeadingIcon",
4002
+ "type": {
4003
+ "text": "boolean"
4004
+ },
4005
+ "default": "false",
4006
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4007
+ "attribute": "has-leading-icon",
4008
+ "reflects": true
4009
+ },
4010
+ {
4011
+ "kind": "field",
4012
+ "name": "hasSelectedIcon",
4013
+ "type": {
4014
+ "text": "boolean"
4015
+ },
4016
+ "default": "false",
4017
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4018
+ "attribute": "has-selected-icon",
4019
+ "reflects": true
4133
4020
  },
4134
4021
  {
4135
4022
  "kind": "field",
4136
- "name": "hideStateLayer",
4023
+ "name": "hasTrailingIcon",
4137
4024
  "type": {
4138
4025
  "text": "boolean"
4139
4026
  },
4140
4027
  "default": "false",
4141
- "attribute": "hide-state-layer",
4028
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4029
+ "attribute": "has-trailing-icon",
4142
4030
  "reflects": true
4143
4031
  },
4144
4032
  {
4145
4033
  "kind": "field",
4146
- "name": "indeterminate",
4034
+ "name": "assignedLeadingIcons",
4147
4035
  "type": {
4148
- "text": "boolean"
4036
+ "text": "HTMLElement[]"
4149
4037
  },
4150
- "attribute": "indeterminate"
4038
+ "privacy": "private"
4151
4039
  },
4152
4040
  {
4153
4041
  "kind": "field",
4154
- "name": "checked",
4155
- "attribute": "checked",
4042
+ "name": "assignedSelectedIcons",
4156
4043
  "type": {
4157
- "text": "boolean"
4044
+ "text": "HTMLElement[]"
4045
+ },
4046
+ "privacy": "private"
4047
+ },
4048
+ {
4049
+ "kind": "field",
4050
+ "name": "assignedTrailingIcons",
4051
+ "type": {
4052
+ "text": "HTMLElement[]"
4053
+ },
4054
+ "privacy": "private"
4055
+ },
4056
+ {
4057
+ "kind": "field",
4058
+ "name": "removeRipple",
4059
+ "type": {
4060
+ "text": "UmRipple"
4061
+ }
4062
+ },
4063
+ {
4064
+ "kind": "method",
4065
+ "name": "#handleRemoveClick",
4066
+ "parameters": [
4067
+ {
4068
+ "name": "e",
4069
+ "type": {
4070
+ "text": "Event"
4071
+ }
4072
+ }
4073
+ ]
4074
+ },
4075
+ {
4076
+ "kind": "method",
4077
+ "name": "#handleTrailingIconSlotChange"
4078
+ },
4079
+ {
4080
+ "kind": "method",
4081
+ "name": "#handleLeadingIconSlotChange"
4082
+ },
4083
+ {
4084
+ "kind": "method",
4085
+ "name": "#handleSelectedIconSlotChange"
4086
+ },
4087
+ {
4088
+ "kind": "method",
4089
+ "name": "handleClick",
4090
+ "privacy": "protected",
4091
+ "return": {
4092
+ "type": {
4093
+ "text": "void"
4094
+ }
4158
4095
  },
4096
+ "parameters": [
4097
+ {
4098
+ "name": "event",
4099
+ "type": {
4100
+ "text": "UIEvent"
4101
+ }
4102
+ }
4103
+ ],
4159
4104
  "inheritedFrom": {
4160
- "name": "UmSelectionControl",
4161
- "module": "src/shared/selection-control/selection-control.ts"
4105
+ "name": "UmButtonWrapper",
4106
+ "module": "src/shared/button-wrapper.ts"
4162
4107
  }
4163
4108
  },
4164
4109
  {
4165
4110
  "kind": "method",
4166
- "name": "renderIndicator",
4111
+ "name": "renderContent",
4167
4112
  "privacy": "protected",
4168
4113
  "return": {
4169
4114
  "type": {
@@ -4171,46 +4116,61 @@
4171
4116
  }
4172
4117
  },
4173
4118
  "inheritedFrom": {
4174
- "name": "UmSelectionControl",
4175
- "module": "src/shared/selection-control/selection-control.ts"
4119
+ "name": "UmButtonWrapper",
4120
+ "module": "src/shared/button-wrapper.ts"
4176
4121
  }
4177
4122
  },
4178
4123
  {
4179
4124
  "kind": "field",
4180
- "name": "formAssociated",
4125
+ "name": "disabled",
4126
+ "type": {
4127
+ "text": "boolean"
4128
+ },
4129
+ "default": "false",
4130
+ "description": "Whether the button is disabled or not.",
4131
+ "attribute": "disabled",
4132
+ "reflects": true,
4133
+ "inheritedFrom": {
4134
+ "name": "UmButtonWrapper",
4135
+ "module": "src/shared/button-wrapper.ts"
4136
+ }
4137
+ },
4138
+ {
4139
+ "kind": "field",
4140
+ "name": "renderRipple",
4181
4141
  "type": {
4182
4142
  "text": "boolean"
4183
4143
  },
4184
- "static": true,
4185
4144
  "default": "true",
4186
4145
  "inheritedFrom": {
4187
- "name": "UmSelectionControl",
4188
- "module": "src/shared/selection-control/selection-control.ts"
4146
+ "name": "UmButtonWrapper",
4147
+ "module": "src/shared/button-wrapper.ts"
4189
4148
  }
4190
4149
  },
4191
4150
  {
4192
4151
  "kind": "field",
4193
- "name": "shadowRootOptions",
4152
+ "name": "href",
4194
4153
  "type": {
4195
- "text": "ShadowRootInit"
4154
+ "text": "string | undefined"
4196
4155
  },
4197
- "static": true,
4198
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4156
+ "description": "The URL that the link button points to.",
4157
+ "attribute": "href",
4199
4158
  "inheritedFrom": {
4200
- "name": "UmSelectionControl",
4201
- "module": "src/shared/selection-control/selection-control.ts"
4159
+ "name": "UmButtonWrapper",
4160
+ "module": "src/shared/button-wrapper.ts"
4202
4161
  }
4203
4162
  },
4204
4163
  {
4205
4164
  "kind": "field",
4206
- "name": "elementInternals",
4165
+ "name": "target",
4207
4166
  "type": {
4208
- "text": "ElementInternals"
4167
+ "text": "string | undefined"
4209
4168
  },
4210
- "privacy": "protected",
4169
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4170
+ "attribute": "target",
4211
4171
  "inheritedFrom": {
4212
- "name": "UmSelectionControl",
4213
- "module": "src/shared/selection-control/selection-control.ts"
4172
+ "name": "UmButtonWrapper",
4173
+ "module": "src/shared/button-wrapper.ts"
4214
4174
  }
4215
4175
  },
4216
4176
  {
@@ -4219,262 +4179,302 @@
4219
4179
  "type": {
4220
4180
  "text": "string | undefined"
4221
4181
  },
4222
- "default": "''",
4223
4182
  "attribute": "name",
4224
- "reflects": true,
4225
4183
  "inheritedFrom": {
4226
- "name": "UmSelectionControl",
4227
- "module": "src/shared/selection-control/selection-control.ts"
4184
+ "name": "UmButtonWrapper",
4185
+ "module": "src/shared/button-wrapper.ts"
4228
4186
  }
4229
4187
  },
4230
4188
  {
4231
4189
  "kind": "field",
4232
- "name": "disabled",
4190
+ "name": "buttonElement",
4233
4191
  "type": {
4234
- "text": "boolean"
4192
+ "text": "HTMLElement"
4235
4193
  },
4236
- "default": "false",
4237
- "attribute": "disabled",
4238
- "reflects": true,
4239
4194
  "inheritedFrom": {
4240
- "name": "UmSelectionControl",
4241
- "module": "src/shared/selection-control/selection-control.ts"
4195
+ "name": "UmButtonWrapper",
4196
+ "module": "src/shared/button-wrapper.ts"
4242
4197
  }
4243
4198
  },
4244
4199
  {
4245
4200
  "kind": "field",
4246
- "name": "input",
4201
+ "name": "ripple",
4247
4202
  "type": {
4248
- "text": "HTMLInputElement"
4203
+ "text": "UmRipple"
4249
4204
  },
4205
+ "privacy": "private",
4250
4206
  "inheritedFrom": {
4251
- "name": "UmSelectionControl",
4252
- "module": "src/shared/selection-control/selection-control.ts"
4207
+ "name": "UmButtonWrapper",
4208
+ "module": "src/shared/button-wrapper.ts"
4253
4209
  }
4254
4210
  },
4255
4211
  {
4256
4212
  "kind": "field",
4257
- "name": "form",
4213
+ "name": "innerRole",
4258
4214
  "type": {
4259
- "text": "HTMLFormElement | null"
4215
+ "text": "string | null"
4260
4216
  },
4217
+ "privacy": "protected",
4218
+ "default": "null",
4261
4219
  "inheritedFrom": {
4262
- "name": "UmSelectionControl",
4263
- "module": "src/shared/selection-control/selection-control.ts"
4220
+ "name": "UmButtonWrapper",
4221
+ "module": "src/shared/button-wrapper.ts"
4222
+ }
4223
+ },
4224
+ {
4225
+ "kind": "field",
4226
+ "name": "pathname",
4227
+ "type": {
4228
+ "text": "string"
4229
+ },
4230
+ "inheritedFrom": {
4231
+ "name": "UmButtonWrapper",
4232
+ "module": "src/shared/button-wrapper.ts"
4233
+ }
4234
+ },
4235
+ {
4236
+ "kind": "method",
4237
+ "name": "renderButton",
4238
+ "privacy": "private",
4239
+ "inheritedFrom": {
4240
+ "name": "UmButtonWrapper",
4241
+ "module": "src/shared/button-wrapper.ts"
4242
+ }
4243
+ },
4244
+ {
4245
+ "kind": "method",
4246
+ "name": "renderLink",
4247
+ "privacy": "private",
4248
+ "inheritedFrom": {
4249
+ "name": "UmButtonWrapper",
4250
+ "module": "src/shared/button-wrapper.ts"
4264
4251
  }
4265
4252
  },
4266
4253
  {
4267
4254
  "kind": "method",
4268
4255
  "name": "focus",
4256
+ "inheritedFrom": {
4257
+ "name": "UmButtonWrapper",
4258
+ "module": "src/shared/button-wrapper.ts"
4259
+ }
4260
+ },
4261
+ {
4262
+ "kind": "method",
4263
+ "name": "blur",
4264
+ "inheritedFrom": {
4265
+ "name": "UmButtonWrapper",
4266
+ "module": "src/shared/button-wrapper.ts"
4267
+ }
4268
+ },
4269
+ {
4270
+ "kind": "method",
4271
+ "name": "getAriaLabel",
4272
+ "privacy": "protected",
4273
+ "return": {
4274
+ "type": {
4275
+ "text": "string | null"
4276
+ }
4277
+ },
4278
+ "inheritedFrom": {
4279
+ "name": "UmButtonWrapper",
4280
+ "module": "src/shared/button-wrapper.ts"
4281
+ }
4282
+ },
4283
+ {
4284
+ "kind": "method",
4285
+ "name": "innerFocusHandler",
4286
+ "privacy": "private",
4287
+ "return": {
4288
+ "type": {
4289
+ "text": "void"
4290
+ }
4291
+ },
4292
+ "inheritedFrom": {
4293
+ "name": "UmButtonWrapper",
4294
+ "module": "src/shared/button-wrapper.ts"
4295
+ }
4296
+ },
4297
+ {
4298
+ "kind": "method",
4299
+ "name": "#innerClickHandler",
4300
+ "return": {
4301
+ "type": {
4302
+ "text": "void"
4303
+ }
4304
+ },
4269
4305
  "parameters": [
4270
4306
  {
4271
- "name": "options",
4272
- "optional": true,
4307
+ "name": "event",
4273
4308
  "type": {
4274
- "text": "FocusOptions"
4309
+ "text": "MouseEvent"
4275
4310
  }
4276
4311
  }
4277
4312
  ],
4278
4313
  "inheritedFrom": {
4279
- "name": "UmSelectionControl",
4280
- "module": "src/shared/selection-control/selection-control.ts"
4314
+ "name": "UmButtonWrapper",
4315
+ "module": "src/shared/button-wrapper.ts"
4281
4316
  }
4282
- },
4317
+ }
4318
+ ],
4319
+ "events": [
4283
4320
  {
4284
- "kind": "field",
4285
- "name": "#checked",
4286
- "privacy": "private",
4321
+ "name": "change",
4322
+ "type": {
4323
+ "text": "Event"
4324
+ }
4325
+ }
4326
+ ],
4327
+ "attributes": [
4328
+ {
4329
+ "name": "selected",
4287
4330
  "type": {
4288
4331
  "text": "boolean"
4289
4332
  },
4290
4333
  "default": "false",
4291
- "inheritedFrom": {
4292
- "name": "UmSelectionControl",
4293
- "module": "src/shared/selection-control/selection-control.ts"
4294
- }
4334
+ "description": "Whether the chip is selected or not",
4335
+ "fieldName": "selected"
4295
4336
  },
4296
4337
  {
4297
- "kind": "field",
4298
- "name": "inputType",
4338
+ "name": "clickable",
4299
4339
  "type": {
4300
- "text": "'checkbox' | 'radio'"
4340
+ "text": "boolean"
4301
4341
  },
4302
- "privacy": "protected",
4303
- "default": "'checkbox'",
4304
- "inheritedFrom": {
4305
- "name": "UmSelectionControl",
4306
- "module": "src/shared/selection-control/selection-control.ts"
4307
- }
4342
+ "fieldName": "clickable"
4308
4343
  },
4309
4344
  {
4310
- "kind": "field",
4311
- "name": "renderRipple",
4345
+ "name": "elevated",
4312
4346
  "type": {
4313
4347
  "text": "boolean"
4314
4348
  },
4315
- "privacy": "protected",
4316
- "default": "true",
4317
- "inheritedFrom": {
4318
- "name": "UmSelectionControl",
4319
- "module": "src/shared/selection-control/selection-control.ts"
4320
- }
4349
+ "default": "false",
4350
+ "description": "Adds elevation to the chip",
4351
+ "fieldName": "elevated"
4321
4352
  },
4322
4353
  {
4323
- "kind": "field",
4324
- "name": "value",
4354
+ "name": "toggle",
4325
4355
  "type": {
4326
- "text": "string"
4356
+ "text": "boolean"
4327
4357
  },
4328
- "default": "'on'",
4329
- "description": "The element value to use in form submission when checked.",
4330
- "attribute": "value",
4331
- "inheritedFrom": {
4332
- "name": "UmSelectionControl",
4333
- "module": "src/shared/selection-control/selection-control.ts"
4334
- }
4358
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
4359
+ "fieldName": "toggle"
4335
4360
  },
4336
4361
  {
4337
- "kind": "field",
4338
- "name": "_checkedAttribute",
4362
+ "name": "removable",
4339
4363
  "type": {
4340
4364
  "text": "boolean"
4341
4365
  },
4342
- "privacy": "private",
4343
4366
  "default": "false",
4344
- "attribute": "checked",
4345
- "inheritedFrom": {
4346
- "name": "UmSelectionControl",
4347
- "module": "src/shared/selection-control/selection-control.ts"
4348
- }
4367
+ "description": "Add the remove icon",
4368
+ "fieldName": "removable"
4349
4369
  },
4350
4370
  {
4351
- "kind": "method",
4352
- "name": "#handleClick",
4353
- "parameters": [
4354
- {
4355
- "name": "e",
4356
- "type": {
4357
- "text": "Event"
4358
- }
4359
- }
4360
- ],
4361
- "inheritedFrom": {
4362
- "name": "UmSelectionControl",
4363
- "module": "src/shared/selection-control/selection-control.ts"
4364
- }
4365
- }
4366
- ],
4367
- "attributes": [
4368
- {
4369
- "name": "hide-state-layer",
4371
+ "name": "hide-selected-icon",
4370
4372
  "type": {
4371
4373
  "text": "boolean"
4372
4374
  },
4373
4375
  "default": "false",
4374
- "fieldName": "hideStateLayer"
4376
+ "description": "Hide the selected icon",
4377
+ "fieldName": "hideSelectedIcon"
4375
4378
  },
4376
4379
  {
4377
- "name": "indeterminate",
4380
+ "name": "has-leading-icon",
4378
4381
  "type": {
4379
4382
  "text": "boolean"
4380
4383
  },
4381
- "fieldName": "indeterminate"
4384
+ "default": "false",
4385
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4386
+ "fieldName": "hasLeadingIcon"
4382
4387
  },
4383
4388
  {
4384
- "name": "name",
4389
+ "name": "has-selected-icon",
4385
4390
  "type": {
4386
- "text": "string | undefined"
4391
+ "text": "boolean"
4387
4392
  },
4388
- "default": "''",
4389
- "fieldName": "name",
4390
- "inheritedFrom": {
4391
- "name": "UmSelectionControl",
4392
- "module": "src/shared/selection-control/selection-control.ts"
4393
- }
4393
+ "default": "false",
4394
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4395
+ "fieldName": "hasSelectedIcon"
4394
4396
  },
4395
4397
  {
4396
- "name": "disabled",
4398
+ "name": "has-trailing-icon",
4397
4399
  "type": {
4398
4400
  "text": "boolean"
4399
4401
  },
4400
4402
  "default": "false",
4401
- "fieldName": "disabled",
4402
- "inheritedFrom": {
4403
- "name": "UmSelectionControl",
4404
- "module": "src/shared/selection-control/selection-control.ts"
4405
- }
4403
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4404
+ "fieldName": "hasTrailingIcon"
4406
4405
  },
4407
4406
  {
4408
- "name": "value",
4407
+ "name": "disabled",
4409
4408
  "type": {
4410
- "text": "string"
4409
+ "text": "boolean"
4411
4410
  },
4412
- "default": "'on'",
4413
- "description": "The element value to use in form submission when checked.",
4414
- "fieldName": "value",
4411
+ "default": "false",
4412
+ "description": "Whether the button is disabled or not.",
4413
+ "fieldName": "disabled",
4415
4414
  "inheritedFrom": {
4416
- "name": "UmSelectionControl",
4417
- "module": "src/shared/selection-control/selection-control.ts"
4415
+ "name": "UmButtonWrapper",
4416
+ "module": "src/shared/button-wrapper.ts"
4418
4417
  }
4419
4418
  },
4420
4419
  {
4421
- "name": "checked",
4422
- "fieldName": "_checkedAttribute",
4420
+ "name": "href",
4423
4421
  "type": {
4424
- "text": "boolean"
4422
+ "text": "string | undefined"
4425
4423
  },
4426
- "default": "false",
4424
+ "description": "The URL that the link button points to.",
4425
+ "fieldName": "href",
4427
4426
  "inheritedFrom": {
4428
- "name": "UmSelectionControl",
4429
- "module": "src/shared/selection-control/selection-control.ts"
4427
+ "name": "UmButtonWrapper",
4428
+ "module": "src/shared/button-wrapper.ts"
4430
4429
  }
4431
- }
4432
- ],
4433
- "superclass": {
4434
- "name": "UmSelectionControl",
4435
- "module": "/src/shared/selection-control/selection-control.js"
4436
- },
4437
- "tagName": "u-checkbox",
4438
- "customElement": true,
4439
- "events": [
4430
+ },
4440
4431
  {
4441
- "name": "input",
4432
+ "name": "target",
4442
4433
  "type": {
4443
- "text": "InputEvent"
4434
+ "text": "string | undefined"
4444
4435
  },
4436
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4437
+ "fieldName": "target",
4445
4438
  "inheritedFrom": {
4446
- "name": "UmSelectionControl",
4447
- "module": "src/shared/selection-control/selection-control.ts"
4439
+ "name": "UmButtonWrapper",
4440
+ "module": "src/shared/button-wrapper.ts"
4448
4441
  }
4449
4442
  },
4450
4443
  {
4451
- "name": "change",
4444
+ "name": "name",
4452
4445
  "type": {
4453
- "text": "Event"
4446
+ "text": "string | undefined"
4454
4447
  },
4448
+ "fieldName": "name",
4455
4449
  "inheritedFrom": {
4456
- "name": "UmSelectionControl",
4457
- "module": "src/shared/selection-control/selection-control.ts"
4450
+ "name": "UmButtonWrapper",
4451
+ "module": "src/shared/button-wrapper.ts"
4458
4452
  }
4459
4453
  }
4460
- ]
4454
+ ],
4455
+ "superclass": {
4456
+ "name": "UmButtonWrapper",
4457
+ "module": "/src/shared/button-wrapper.js"
4458
+ },
4459
+ "tagName": "u-chip",
4460
+ "customElement": true
4461
4461
  }
4462
4462
  ],
4463
4463
  "exports": [
4464
4464
  {
4465
4465
  "kind": "js",
4466
- "name": "UmCheckbox",
4466
+ "name": "UmChip",
4467
4467
  "declaration": {
4468
- "name": "UmCheckbox",
4469
- "module": "src/checkbox/checkbox.ts"
4468
+ "name": "UmChip",
4469
+ "module": "src/chip/chip.ts"
4470
4470
  }
4471
4471
  },
4472
4472
  {
4473
4473
  "kind": "custom-element-definition",
4474
- "name": "u-checkbox",
4474
+ "name": "u-chip",
4475
4475
  "declaration": {
4476
- "name": "UmCheckbox",
4477
- "module": "src/checkbox/checkbox.ts"
4476
+ "name": "UmChip",
4477
+ "module": "src/chip/chip.ts"
4478
4478
  }
4479
4479
  }
4480
4480
  ]
@@ -14216,6 +14216,20 @@
14216
14216
  "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
14217
14217
  }
14218
14218
  },
14219
+ {
14220
+ "kind": "field",
14221
+ "name": "role",
14222
+ "type": {
14223
+ "text": "string | null"
14224
+ },
14225
+ "default": "null",
14226
+ "attribute": "role",
14227
+ "reflects": true,
14228
+ "inheritedFrom": {
14229
+ "name": "UmNativeTextFieldWrapper",
14230
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
14231
+ }
14232
+ },
14219
14233
  {
14220
14234
  "kind": "method",
14221
14235
  "name": "focus",
@@ -14677,6 +14691,18 @@
14677
14691
  "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
14678
14692
  }
14679
14693
  },
14694
+ {
14695
+ "name": "role",
14696
+ "type": {
14697
+ "text": "string | null"
14698
+ },
14699
+ "default": "null",
14700
+ "fieldName": "role",
14701
+ "inheritedFrom": {
14702
+ "name": "UmNativeTextFieldWrapper",
14703
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
14704
+ }
14705
+ },
14680
14706
  {
14681
14707
  "name": "placeholder",
14682
14708
  "type": {
@@ -15017,6 +15043,20 @@
15017
15043
  "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
15018
15044
  }
15019
15045
  },
15046
+ {
15047
+ "kind": "field",
15048
+ "name": "role",
15049
+ "type": {
15050
+ "text": "string | null"
15051
+ },
15052
+ "default": "null",
15053
+ "attribute": "role",
15054
+ "reflects": true,
15055
+ "inheritedFrom": {
15056
+ "name": "UmNativeTextFieldWrapper",
15057
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
15058
+ }
15059
+ },
15020
15060
  {
15021
15061
  "kind": "method",
15022
15062
  "name": "focus",
@@ -15499,6 +15539,18 @@
15499
15539
  "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
15500
15540
  }
15501
15541
  },
15542
+ {
15543
+ "name": "role",
15544
+ "type": {
15545
+ "text": "string | null"
15546
+ },
15547
+ "default": "null",
15548
+ "fieldName": "role",
15549
+ "inheritedFrom": {
15550
+ "name": "UmNativeTextFieldWrapper",
15551
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
15552
+ }
15553
+ },
15502
15554
  {
15503
15555
  "name": "placeholder",
15504
15556
  "type": {
@@ -16996,6 +17048,16 @@
16996
17048
  "attribute": "maxlength",
16997
17049
  "reflects": true
16998
17050
  },
17051
+ {
17052
+ "kind": "field",
17053
+ "name": "role",
17054
+ "type": {
17055
+ "text": "string | null"
17056
+ },
17057
+ "default": "null",
17058
+ "attribute": "role",
17059
+ "reflects": true
17060
+ },
16999
17061
  {
17000
17062
  "kind": "method",
17001
17063
  "name": "focus"
@@ -17446,6 +17508,14 @@
17446
17508
  },
17447
17509
  "fieldName": "maxlength"
17448
17510
  },
17511
+ {
17512
+ "name": "role",
17513
+ "type": {
17514
+ "text": "string | null"
17515
+ },
17516
+ "default": "null",
17517
+ "fieldName": "role"
17518
+ },
17449
17519
  {
17450
17520
  "name": "placeholder",
17451
17521
  "type": {
@@ -18272,7 +18342,7 @@
18272
18342
  {
18273
18343
  "kind": "variable",
18274
18344
  "name": "styles",
18275
- "default": "css `\n .container {\n cursor: text;\n }\n`"
18345
+ "default": "css `\n .container {\n cursor: text;\n }\n\n :host([disabled]) .container {\n cursor: default;\n }\n`"
18276
18346
  }
18277
18347
  ],
18278
18348
  "exports": [