@trintel/zooy 1.0.16 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/component-library-registry-BBQV6Kpv.js +1 -0
- package/dist/chunks/component-library-registry-DB5UeqC2.js +58 -0
- package/dist/chunks/register-D3pWAXhm.js +266 -0
- package/dist/chunks/register-D7SMu1Gy.js +1372 -0
- package/dist/chunks/register-HYODt48Q.js +1 -0
- package/dist/chunks/register-g5KUNRdI.js +1 -0
- package/dist/chunks/tree-utils-B2JEGXHR.js +267 -0
- package/dist/chunks/tree-utils-BYnipT-p.js +1 -0
- package/dist/chunks/zoo-CY2QpG41.js +52 -0
- package/dist/chunks/zoo-DgdxBjlN.js +390 -0
- package/dist/zooy.cjs.js +19 -1
- package/dist/zooy.es.js +1298 -20
- package/package.json +8 -6
- package/dist/chunks/16-30f5E9no.js +0 -1
- package/dist/chunks/16-4Ffg4DOO.js +0 -1
- package/dist/chunks/16-8pr5mbIO.js +0 -28
- package/dist/chunks/16-B56B50XT.js +0 -1
- package/dist/chunks/16-BFJN6B6d.js +0 -39
- package/dist/chunks/16-BTonF5Je.js +0 -29
- package/dist/chunks/16-BXti8Tu-.js +0 -62
- package/dist/chunks/16-BiShwKPX.js +0 -28
- package/dist/chunks/16-BwDdccyH.js +0 -33
- package/dist/chunks/16-C7Xs-wKv.js +0 -1
- package/dist/chunks/16-CDRTWf-C.js +0 -21
- package/dist/chunks/16-CMCRqVYz.js +0 -1
- package/dist/chunks/16-CSWwhDUY.js +0 -21
- package/dist/chunks/16-CpNRIuiB.js +0 -1
- package/dist/chunks/16-CqC9427V.js +0 -21
- package/dist/chunks/16-Cubm18Em.js +0 -1
- package/dist/chunks/16-D3Ol0pdg.js +0 -21
- package/dist/chunks/16-DH311Of_.js +0 -1
- package/dist/chunks/16-Dlq3qxDh.js +0 -1
- package/dist/chunks/16-Drl9-5Gn.js +0 -21
- package/dist/chunks/16-Dt4v0bcc.js +0 -1
- package/dist/chunks/16-DylBiJnm.js +0 -1
- package/dist/chunks/20-CQLnFcRb.js +0 -84
- package/dist/chunks/20-Df0dXwyx.js +0 -1
- package/dist/chunks/button-D3QMXGP6.js +0 -66
- package/dist/chunks/button-cEVHuDC9.js +0 -272
- package/dist/chunks/button-skeleton-BuDQrAgi.js +0 -21
- package/dist/chunks/button-skeleton-CxKOKEQr.js +0 -49
- package/dist/chunks/carbon-element-CbfPUYRT.js +0 -1
- package/dist/chunks/carbon-element-DzDuXiyl.js +0 -25
- package/dist/chunks/checkbox-B_b_oOJ5.js +0 -40
- package/dist/chunks/checkbox-CsuLOYIT.js +0 -201
- package/dist/chunks/class-map-BwrbvkxB.js +0 -5
- package/dist/chunks/class-map-CgGieoOz.js +0 -32
- package/dist/chunks/collection-helpers-Bk68Vaau.js +0 -7
- package/dist/chunks/collection-helpers-afBvMQaC.js +0 -1
- package/dist/chunks/content-switcher-item-C1gdd6k4.js +0 -351
- package/dist/chunks/content-switcher-item-c0sXBGJ-.js +0 -27
- package/dist/chunks/defs-C88lSWuJ.js +0 -1
- package/dist/chunks/defs-Do0OvCKd.js +0 -1165
- package/dist/chunks/directive-Dp4ZTz-F.js +0 -5
- package/dist/chunks/directive-kLG6oqUu.js +0 -27
- package/dist/chunks/dropdown-item-T1jCm1fo.js +0 -69
- package/dist/chunks/dropdown-item-Wc8Nj3w-.js +0 -632
- package/dist/chunks/focus-B3iymVyL.js +0 -1
- package/dist/chunks/focus-WnKGH_xB.js +0 -20
- package/dist/chunks/form-D6Tce4-W.js +0 -1
- package/dist/chunks/form-DpI-v6DA.js +0 -20
- package/dist/chunks/host-listener-CN245INl.js +0 -37
- package/dist/chunks/host-listener-DD3oGxvg.js +0 -16
- package/dist/chunks/host-listener-gxrTpxgv.js +0 -1
- package/dist/chunks/host-listener-rUcT_LUW.js +0 -1
- package/dist/chunks/icon-loader-CTCoE5GC.js +0 -7
- package/dist/chunks/icon-loader-C_ze306U.js +0 -1
- package/dist/chunks/icon-loader-utils-DSajrZop.js +0 -117
- package/dist/chunks/icon-loader-utils-DxaQOvJB.js +0 -5
- package/dist/chunks/if-defined-7syLabv-.js +0 -10
- package/dist/chunks/if-defined-CfI-rREy.js +0 -5
- package/dist/chunks/if-non-empty-CsjL_4Ck.js +0 -5
- package/dist/chunks/if-non-empty-Dp8CFMva.js +0 -1
- package/dist/chunks/index-24ucriY6.js +0 -4
- package/dist/chunks/index-5uuGFlSc.js +0 -1
- package/dist/chunks/index-ACUVets3.js +0 -188
- package/dist/chunks/index-B-VOos8Q.js +0 -108
- package/dist/chunks/index-B-qA_3dy.js +0 -52
- package/dist/chunks/index-B0PkuE0I.js +0 -188
- package/dist/chunks/index-B1QlHHpn.js +0 -381
- package/dist/chunks/index-B2dVOGmx.js +0 -458
- package/dist/chunks/index-BEAD73rD.js +0 -17
- package/dist/chunks/index-BEyeMcZh.js +0 -25
- package/dist/chunks/index-BJ3okuBC.js +0 -78
- package/dist/chunks/index-BJNdKx6x.js +0 -23
- package/dist/chunks/index-BL8xz2V4.js +0 -161
- package/dist/chunks/index-BL_Y57_H.js +0 -57
- package/dist/chunks/index-BLxE94Et.js +0 -3
- package/dist/chunks/index-BP0bDhTG.js +0 -2340
- package/dist/chunks/index-BUXzbqzT.js +0 -364
- package/dist/chunks/index-BVDZj6Fh.js +0 -76
- package/dist/chunks/index-BWqDKfds.js +0 -62
- package/dist/chunks/index-BaVSzIan.js +0 -79
- package/dist/chunks/index-BatQ1Mfz.js +0 -25
- package/dist/chunks/index-BefBe_sK.js +0 -19
- package/dist/chunks/index-BekoThXC.js +0 -49
- package/dist/chunks/index-BnOH6_4r.js +0 -103
- package/dist/chunks/index-Bnfa6YBY.js +0 -71
- package/dist/chunks/index-BrtdLKIG.js +0 -455
- package/dist/chunks/index-BtFYirUg.js +0 -44
- package/dist/chunks/index-BtHVJn7K.js +0 -75
- package/dist/chunks/index-Bu7ZAHDG.js +0 -12
- package/dist/chunks/index-BxRbUwdY.js +0 -30
- package/dist/chunks/index-ByQl0Dwz.js +0 -9
- package/dist/chunks/index-C-PAoN2Y.js +0 -25
- package/dist/chunks/index-C2-pFkgT.js +0 -406
- package/dist/chunks/index-C2r3MkpB.js +0 -252
- package/dist/chunks/index-C5DwYOee.js +0 -89
- package/dist/chunks/index-C5euLddc.js +0 -46
- package/dist/chunks/index-C89rc2i5.js +0 -35
- package/dist/chunks/index-C8IUL9KS.js +0 -22
- package/dist/chunks/index-C99Nf_aK.js +0 -15
- package/dist/chunks/index-CDaECc1q.js +0 -12
- package/dist/chunks/index-CIeU44CB.js +0 -97
- package/dist/chunks/index-CL8Un64Y.js +0 -150
- package/dist/chunks/index-CQ1zfW-Z.js +0 -22
- package/dist/chunks/index-CR6HxSEn.js +0 -15
- package/dist/chunks/index-CSH8oUIN.js +0 -36
- package/dist/chunks/index-CTB8Esah.js +0 -1
- package/dist/chunks/index-CX6f-3xD.js +0 -563
- package/dist/chunks/index-CXSCYGFC.js +0 -452
- package/dist/chunks/index-CZQ45Dj9.js +0 -1
- package/dist/chunks/index-Cc-HBEN2.js +0 -150
- package/dist/chunks/index-Cf3ALdZ-.js +0 -4
- package/dist/chunks/index-Cid77wr3.js +0 -45
- package/dist/chunks/index-ClBPGpC0.js +0 -129
- package/dist/chunks/index-CmXHpydu.js +0 -121
- package/dist/chunks/index-CsaKV6jI.js +0 -511
- package/dist/chunks/index-CvxrJ8vE.js +0 -39
- package/dist/chunks/index-Cy6EogCp.js +0 -429
- package/dist/chunks/index-CyTN35KA.js +0 -424
- package/dist/chunks/index-D3hwHwSn.js +0 -243
- package/dist/chunks/index-D6Eg6Zh4.js +0 -22
- package/dist/chunks/index-D7GY2E-B.js +0 -8
- package/dist/chunks/index-DCqxl0e0.js +0 -26
- package/dist/chunks/index-DDKqKtU4.js +0 -15
- package/dist/chunks/index-DHksIe-y.js +0 -1
- package/dist/chunks/index-DI-PunST.js +0 -224
- package/dist/chunks/index-DIWoAC3Z.js +0 -74
- package/dist/chunks/index-DLWyvZrE.js +0 -21
- package/dist/chunks/index-DLa-KLg_.js +0 -881
- package/dist/chunks/index-DLwGUJd2.js +0 -25
- package/dist/chunks/index-DMIKb9St.js +0 -2
- package/dist/chunks/index-DOfvb1f6.js +0 -79
- package/dist/chunks/index-DQoGlgyI.js +0 -1
- package/dist/chunks/index-DR8UmItB.js +0 -1
- package/dist/chunks/index-DUiT0Yz_.js +0 -57
- package/dist/chunks/index-DW1p-hc-.js +0 -1604
- package/dist/chunks/index-DbPU3mfX.js +0 -368
- package/dist/chunks/index-DgI4_4yz.js +0 -37
- package/dist/chunks/index-DhPg7DCD.js +0 -1
- package/dist/chunks/index-Dj-7w7wt.js +0 -65
- package/dist/chunks/index-DjSdHUmw.js +0 -284
- package/dist/chunks/index-DpCo2duE.js +0 -87
- package/dist/chunks/index-DqLDehu6.js +0 -111
- package/dist/chunks/index-Ds3e0NlH.js +0 -285
- package/dist/chunks/index-DsKNYemW.js +0 -295
- package/dist/chunks/index-DwGKd66A.js +0 -259
- package/dist/chunks/index-FAwjNd-C.js +0 -4
- package/dist/chunks/index-HTZtnvAV.js +0 -81
- package/dist/chunks/index-JUJu4Jsu.js +0 -235
- package/dist/chunks/index-JmiGhJR9.js +0 -1
- package/dist/chunks/index-K3aE8_a_.js +0 -45
- package/dist/chunks/index-LVNWqV95.js +0 -683
- package/dist/chunks/index-NduNWecG.js +0 -88
- package/dist/chunks/index-QOHPo0v8.js +0 -19
- package/dist/chunks/index-TnoTOPwm.js +0 -158
- package/dist/chunks/index-UIEjSWhu.js +0 -58
- package/dist/chunks/index-WQ40q6Fp.js +0 -77
- package/dist/chunks/index-a_56_OA-.js +0 -776
- package/dist/chunks/index-azaqRvif.js +0 -27
- package/dist/chunks/index-dT_yGOFJ.js +0 -1
- package/dist/chunks/index-kjtnf5Y1.js +0 -66
- package/dist/chunks/index-lOiJBnZe.js +0 -160
- package/dist/chunks/index-sl9jQQX-.js +0 -36
- package/dist/chunks/index-vkfOeAd5.js +0 -260
- package/dist/chunks/index-z2pAR1iR.js +0 -337
- package/dist/chunks/loading-icon-9-L_8sVv.js +0 -16
- package/dist/chunks/loading-icon-CMPQny72.js +0 -24
- package/dist/chunks/main-CXPn-jnk.js +0 -4260
- package/dist/chunks/main-CZIPBRMI.js +0 -88
- package/dist/chunks/on-BPhwbVf3.js +0 -10
- package/dist/chunks/on-XRofyGQh.js +0 -1
- package/dist/chunks/property-BIgIlh0E.js +0 -5
- package/dist/chunks/property-CTp3Zz2M.js +0 -36
- package/dist/chunks/query-CbRg6ZGy.js +0 -23
- package/dist/chunks/query-Dh8joWcT.js +0 -9
- package/dist/chunks/radio-group-manager-DBAEmhDM.js +0 -1
- package/dist/chunks/radio-group-manager-Du5wSOS1.js +0 -102
- package/dist/chunks/register-BgvWUC9m.js +0 -11035
- package/dist/chunks/register-CFDNay1l.js +0 -1
- package/dist/chunks/register-DyYwnhHb.js +0 -2157
- package/dist/chunks/register-HH_4Uw0Q.js +0 -1678
- package/dist/chunks/search-CC47funo.js +0 -241
- package/dist/chunks/search-DB4cjN-w.js +0 -31
- package/dist/chunks/select-item-D6rKfA9z.js +0 -80
- package/dist/chunks/select-item-Dj2fYOn6.js +0 -364
- package/dist/chunks/settings-Bgpv8zuU.js +0 -62
- package/dist/chunks/settings-jvP7vP60.js +0 -66
- package/dist/chunks/shared-enums-BJDDuJr7.js +0 -1
- package/dist/chunks/shared-enums-DALKjQ7e.js +0 -7
- package/dist/chunks/state-4XYw1ZN5.js +0 -12
- package/dist/chunks/state-BoZ0xvIn.js +0 -5
- package/dist/chunks/text-input-BUBwT5gK.js +0 -68
- package/dist/chunks/text-input-Dpl3TIYz.js +0 -372
- package/dist/chunks/tooltip-content-BV1N7BVi.js +0 -3
- package/dist/chunks/tooltip-content-UQcG3dlT.js +0 -135
- package/dist/chunks/tslib.es6-B07k2eac.js +0 -1
- package/dist/chunks/tslib.es6-C5gLNDSD.js +0 -160
- package/dist/chunks/unsafe-html-CCJqBESk.js +0 -5
- package/dist/chunks/unsafe-html-KUWR4Xn7.js +0 -27
- package/dist/chunks/validity-BMLNCMmP.js +0 -1
- package/dist/chunks/validity-CTz7ivUd.js +0 -59
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("./tslib.es6-B07k2eac.js"),l=require("./class-map-BwrbvkxB.js"),s=require("./main-CZIPBRMI.js"),d=require("./property-BIgIlh0E.js"),i=require("./settings-Bgpv8zuU.js"),k=require("./carbon-element-CbfPUYRT.js");var f=s.i$1(['@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds--icon--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--icon--skeleton:active,.cds--icon--skeleton:focus,.cds--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds--icon--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--icon--skeleton{background:CanvasText}.cds--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--icon--skeleton{block-size:1rem;display:inline-block;inline-size:1rem}.cds--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__placeholder:active,.cds--skeleton__placeholder:focus,.cds--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds--skeleton__placeholder:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__placeholder{background:CanvasText}.cds--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton__text:active,.cds--skeleton__text:focus,.cds--skeleton__text:hover{border:none;cursor:default;outline:none}.cds--skeleton__text:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__text{background:CanvasText}.cds--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds--skeleton__heading{block-size:1.5rem}.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before{inline-size:200%}.cds--skeleton__placeholder--ai{border-radius:.5rem}.cds--skeleton__text--ai{border-radius:1rem}.cds--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton__icon--ai,.cds--skeleton__placeholder--ai,.cds--skeleton__text--ai{background:CanvasText}.cds--skeleton__icon--ai:before,.cds--skeleton__placeholder--ai:before,.cds--skeleton__text--ai:before{background:Canvas}}']);let e=class extends s.i{render(){var o;let n={[`${i.prefix}--skeleton__placeholder`]:!0};if(this.optionalClasses){const t={};(o=this.optionalClasses)===null||o===void 0||o.split(" ").forEach(c=>{t[c]=!0}),n=Object.assign(Object.assign({},n),t)}const a=l.e(n);return s.x` <div part="placeholder" class="${a}"></div> `}};e.styles=f;r.__decorate([d.n({reflect:!0,attribute:"optional-classes"})],e.prototype,"optionalClasses",void 0);e=r.__decorate([k.carbonElement(`${i.prefix}-skeleton-placeholder`)],e);
|
|
@@ -1,224 +0,0 @@
|
|
|
1
|
-
import { _ as d } from "./tslib.es6-C5gLNDSD.js";
|
|
2
|
-
import { a as I, i as w, x as o } from "./main-CXPn-jnk.js";
|
|
3
|
-
import { n as l } from "./property-CTp3Zz2M.js";
|
|
4
|
-
import { e as R } from "./query-CbRg6ZGy.js";
|
|
5
|
-
import { e as p } from "./class-map-CgGieoOz.js";
|
|
6
|
-
import { p as e } from "./settings-jvP7vP60.js";
|
|
7
|
-
import { _ as D } from "./16-BiShwKPX.js";
|
|
8
|
-
import { _ as L } from "./16-BwDdccyH.js";
|
|
9
|
-
import { i as v } from "./if-non-empty-CsjL_4Ck.js";
|
|
10
|
-
import { o as f } from "./if-defined-7syLabv-.js";
|
|
11
|
-
import { C as P } from "./text-input-Dpl3TIYz.js";
|
|
12
|
-
import { c as z } from "./carbon-element-DzDuXiyl.js";
|
|
13
|
-
import { i as _ } from "./icon-loader-CTCoE5GC.js";
|
|
14
|
-
var k = I(['.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--text-area{border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--text-area *,.cds--text-area :after,.cds--text-area :before{box-sizing:inherit}.cds--text-area{background-color:var(--cds-field);block-size:100%;border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);min-block-size:2.5rem;min-inline-size:10rem;outline:2px solid transparent;outline-offset:-2px;padding:.6875rem var(--cds-layout-density-padding-inline-local);resize:vertical;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-area:active,.cds--text-area:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-area:active,.cds--text-area:focus{outline-style:dotted}}.cds--text-area::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);opacity:1}.cds--text-area::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);opacity:1}.cds--text-area--light{background-color:var(--cds-field-02,#fff)}.cds--text-area__wrapper{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));display:flex;inline-size:100%;max-inline-size:100%;position:relative}.cds--text-area__wrapper--cols{inline-size:auto}.cds--text-area__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:.75rem;inset-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--text-area__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-area__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--text-area__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--form-item:has(.cds--text-area__wrapper--cols){inline-size:-moz-fit-content;inline-size:fit-content}.cds--text-area:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:none;resize:none}.cds--text-area:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-area:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-area__wrapper--readonly .cds--text-area{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-area__wrapper--decorator .cds--text-area__inner-wrapper--decorator>*,.cds--text-area__wrapper--slug .cds--ai-label,.cds--text-area__wrapper--slug .cds--slug{inset-block-start:.75rem;inset-inline-end:1rem;position:absolute}.cds--text-area__wrapper--decorator .cds--ai-label.cds--ai-label--revert,.cds--text-area__wrapper--slug .cds--ai-label.cds--ai-label--revert,.cds--text-area__wrapper--slug .cds--slug.cds--slug--revert{inset-block-start:.25rem;inset-inline-end:.5rem;transform:translate(0)}.cds--text-area__wrapper--decorator .cds--text-area:has(~.cds--text-area__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-area__inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-area__wrapper--slug .cds--text-area:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-area__wrapper--slug .cds--text-area:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-area__wrapper--decorator .cds--text-area:has(~.cds--text-area__inner-wrapper--decorator>*),.cds--text-area__wrapper--slug .cds--text-area:has(~.cds--ai-label),.cds--text-area__wrapper--slug .cds--text-area:has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-area--invalid:has(~.cds--ai-label),.cds--text-area--invalid:has(~.cds--slug),.cds--text-area--invalid:has(~.cds--text-area__inner-wrapper--decorator>*),.cds--text-area--warn:has(~.cds--ai-label),.cds--text-area--warn:has(~.cds--slug),.cds--text-area--warn:has(~.cds--text-area__inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-area--invalid~.cds--ai-label,.cds--text-area--invalid~.cds--slug,.cds--text-area--invalid~.cds--text-area__inner-wrapper--decorator>*,.cds--text-area--warn~.cds--ai-label,.cds--text-area--warn~.cds--slug,.cds--text-area--warn~.cds--text-area__inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds--text-area--invalid~.cds--ai-label.cds--ai-label--revert,.cds--text-area--invalid~.cds--slug.cds--slug--revert,.cds--text-area--invalid~.cds--text-area__inner-wrapper--decorator>.cds--ai-label.cds--ai-label--revert,.cds--text-area--warn~.cds--ai-label.cds--ai-label--revert,.cds--text-area--warn~.cds--slug.cds--slug--revert,.cds--text-area--warn~.cds--text-area__inner-wrapper--decorator>.cds--ai-label.cds--ai-label--revert{inset-inline-end:2rem}.cds--text-area.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--text-area.cds--skeleton:active,.cds--text-area.cds--skeleton:focus,.cds--text-area.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--text-area.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--text-area.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--text-area.cds--skeleton{background:CanvasText}.cds--text-area.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--text-area.cds--skeleton{block-size:6.25rem;inline-size:100%}.cds--text-area.cds--skeleton::-moz-placeholder{color:transparent}.cds--text-area.cds--skeleton::placeholder{color:transparent}.cds--text-area__label-wrapper{display:flex;inline-size:100%;justify-content:space-between;position:relative}:host(cds-textarea){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;outline:none}:host(cds-textarea) ::slotted(cds-ai-label),:host(cds-textarea) ::slotted(cds-slug){inset-block-start:.75rem;inset-inline-end:1rem;position:absolute}:host(cds-textarea) ::slotted(cds-ai-label[revert-active]),:host(cds-textarea) ::slotted(cds-slug[revert-active]){inset-block-start:.25rem;inset-inline-end:.5rem;transform:translate(0)}:host(cds-textarea) textarea:not([cols]),:host(cds-textarea) textarea[cols="0"],:host(cds-textarea:not([cols])),:host(cds-textarea[cols="0"]){inline-size:100%}:host(cds-textarea[invalid]) .cds--text-area__wrapper--decorator .cds--text-area,:host(cds-textarea[warn]) .cds--text-area__wrapper--decorator .cds--text-area{padding-inline-end:4rem}:host(cds-textarea[invalid]) ::slotted(cds-ai-label),:host(cds-textarea[invalid]) ::slotted(cds-slug),:host(cds-textarea[warn]) ::slotted(cds-ai-label),:host(cds-textarea[warn]) ::slotted(cds-slug){inset-inline-end:2.5rem}:host(cds-textarea[invalid]) ::slotted(cds-ai-label[revert-active]),:host(cds-textarea[invalid]) ::slotted(cds-slug[revert-active]),:host(cds-textarea[warn]) ::slotted(cds-ai-label[revert-active]),:host(cds-textarea[warn]) ::slotted(cds-slug[revert-active]){inset-inline-end:2rem}:host(cds-textarea[ai-label]) .cds--text-area__wrapper--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-area__wrapper--cols{display:inline-flex}']);
|
|
15
|
-
let r = class extends P {
|
|
16
|
-
constructor() {
|
|
17
|
-
super(...arguments), this.isFluid = !1, this.counterMode = "character", this.id = "", this.pattern = "", this.required = !1, this.rows = 4, this._prevCounterMode = this.counterMode;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Manually handles maxCount for counterMode = 'word'
|
|
21
|
-
* @param event The keyboard event.
|
|
22
|
-
*/
|
|
23
|
-
_onKeyDown(t) {
|
|
24
|
-
var a, s;
|
|
25
|
-
if (!this.disabled && this.enableCounter && this.counterMode === "word") {
|
|
26
|
-
const i = ((s = (a = this.value) === null || a === void 0 ? void 0 : a.match(new RegExp("\\p{L}+", "gu"))) === null || s === void 0 ? void 0 : s.length) || 0;
|
|
27
|
-
(this.maxCount && i >= this.maxCount && t.key === " " || this.maxCount && i >= this.maxCount && t.key === "Enter") && t.preventDefault();
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* Handles `onPaste` event on the `<input>`.
|
|
32
|
-
* Manually handles maxCount for counterMode = 'word' when
|
|
33
|
-
* the user is pasting text
|
|
34
|
-
*
|
|
35
|
-
* @param event The clipboard event.
|
|
36
|
-
*/
|
|
37
|
-
_onPaste(t) {
|
|
38
|
-
var a;
|
|
39
|
-
if (this.counterMode === "word" && this.enableCounter && typeof this.maxCount < "u") {
|
|
40
|
-
const s = this._textarea.value.match(new RegExp("\\p{L}+", "gu")) || [], i = ((a = t.clipboardData) === null || a === void 0 ? void 0 : a.getData("Text").match(new RegExp("\\p{L}+", "gu"))) || [];
|
|
41
|
-
if (s.length + i.length > this.maxCount) {
|
|
42
|
-
t.preventDefault();
|
|
43
|
-
const n = s.concat(i).slice(0, this.maxCount);
|
|
44
|
-
this._textarea.value = n.join(" "), this._textarea.dispatchEvent(new InputEvent("input", {
|
|
45
|
-
inputType: "insertFromPaste",
|
|
46
|
-
data: n.join(" "),
|
|
47
|
-
bubbles: !0
|
|
48
|
-
}));
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* Handles `oninput` event on the `<input>`.
|
|
54
|
-
*
|
|
55
|
-
* @param event The event.
|
|
56
|
-
* @param event.target The event target.
|
|
57
|
-
*/
|
|
58
|
-
_handleInput({ target: t }) {
|
|
59
|
-
this.value = t.value;
|
|
60
|
-
}
|
|
61
|
-
render() {
|
|
62
|
-
var t, a, s, i;
|
|
63
|
-
const { enableCounter: h, maxCount: n } = this, g = (a = (t = this.value) === null || t === void 0 ? void 0 : t.length) !== null && a !== void 0 ? a : 0, u = ((i = (s = this.value) === null || s === void 0 ? void 0 : s.match(new RegExp("\\p{L}+", "gu"))) === null || i === void 0 ? void 0 : i.length) || 0, $ = _(D, {
|
|
64
|
-
class: `${e}--text-area__invalid-icon`
|
|
65
|
-
}), q = _(L, {
|
|
66
|
-
class: `${e}--text-area__invalid-icon ${e}--text-area__invalid-icon--warning`
|
|
67
|
-
}), C = p({
|
|
68
|
-
[`${e}--text-area`]: !0,
|
|
69
|
-
[`${e}--text-area--warn`]: this.warn,
|
|
70
|
-
[`${e}--text-area--invalid`]: this.invalid,
|
|
71
|
-
[`${e}--text-area__wrapper--decorator`]: this._hasAILabel
|
|
72
|
-
}), S = p({
|
|
73
|
-
[`${e}--text-area__wrapper`]: !0,
|
|
74
|
-
[`${e}--text-area__wrapper--cols`]: this.cols,
|
|
75
|
-
[`${e}--text-area__wrapper--warn`]: this.warn,
|
|
76
|
-
[`${e}--text-area__wrapper--readonly`]: this.readonly
|
|
77
|
-
}), M = p({
|
|
78
|
-
[`${e}--label`]: !0,
|
|
79
|
-
[`${e}--visually-hidden`]: this.hideLabel,
|
|
80
|
-
[`${e}--label--disabled`]: this.disabled
|
|
81
|
-
}), F = p({
|
|
82
|
-
[`${e}--label`]: !0,
|
|
83
|
-
[`${e}--label--disabled`]: this.disabled,
|
|
84
|
-
[`${e}--text-area__label-counter`]: !0
|
|
85
|
-
}), T = p({
|
|
86
|
-
[`${e}--form__helper-text`]: !0,
|
|
87
|
-
[`${e}--form__helper-text--disabled`]: this.disabled
|
|
88
|
-
}), W = h && n ? o` <label class="${F}">
|
|
89
|
-
<slot name="label-text"
|
|
90
|
-
>${this.counterMode === "word" ? u : g}/${n}</slot
|
|
91
|
-
>
|
|
92
|
-
</label>` : null, y = () => this.invalid ? $ : this.warn && !this.invalid ? q : null, B = o`
|
|
93
|
-
<div class="${T}" id="helper-text">
|
|
94
|
-
<slot name="helper-text">${this.helperText}</slot>
|
|
95
|
-
</div>
|
|
96
|
-
`, m = {
|
|
97
|
-
invalid: this.invalid,
|
|
98
|
-
warn: this.warn,
|
|
99
|
-
"slot-name": this.invalid ? "invalid-text" : "warn-text",
|
|
100
|
-
"slot-text": this.invalid ? this.invalidText : this.warnText
|
|
101
|
-
}, b = o`
|
|
102
|
-
<div
|
|
103
|
-
class="${e}--form-requirement"
|
|
104
|
-
?hidden="${!m.invalid && !m.warn}">
|
|
105
|
-
<slot name="${m["slot-name"]}">
|
|
106
|
-
${m["slot-text"]} ${this.isFluid ? y() : null}
|
|
107
|
-
</slot>
|
|
108
|
-
</div>
|
|
109
|
-
`;
|
|
110
|
-
return o`
|
|
111
|
-
<div class="${e}--text-area__label-wrapper">
|
|
112
|
-
<label class="${M}" for="input">
|
|
113
|
-
<slot name="label-text"> ${this.label} </slot>
|
|
114
|
-
</label>
|
|
115
|
-
${W}
|
|
116
|
-
</div>
|
|
117
|
-
<div class="${S}" ?data-invalid="${this.invalid}">
|
|
118
|
-
${this.isFluid ? null : y()}
|
|
119
|
-
<textarea
|
|
120
|
-
autocomplete="${this.autocomplete}"
|
|
121
|
-
?autofocus="${this.autofocus}"
|
|
122
|
-
class="${C}"
|
|
123
|
-
cols="${f(this.cols)}"
|
|
124
|
-
?data-invalid="${this.invalid}"
|
|
125
|
-
?disabled="${this.disabled}"
|
|
126
|
-
id="input"
|
|
127
|
-
name="${v(this.name)}"
|
|
128
|
-
pattern="${v(this.pattern)}"
|
|
129
|
-
placeholder="${v(this.placeholder)}"
|
|
130
|
-
?readonly="${this.readonly}"
|
|
131
|
-
?required="${this.required}"
|
|
132
|
-
rows="${f(this.rows)}"
|
|
133
|
-
.value="${this.value}"
|
|
134
|
-
maxlength="${this.counterMode === "character" ? v(this.maxCount) : ""}"
|
|
135
|
-
@keydown="${this._onKeyDown}"
|
|
136
|
-
@paste="${this._onPaste}"
|
|
137
|
-
@input="${this._handleInput}"></textarea>
|
|
138
|
-
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
139
|
-
<slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
|
|
140
|
-
${this.isFluid ? o`
|
|
141
|
-
<hr class="${e}--text-area__divider" />
|
|
142
|
-
${b}
|
|
143
|
-
` : null}
|
|
144
|
-
</div>
|
|
145
|
-
${/* Non-fluid: validation and helper outside field wrapper */
|
|
146
|
-
""}
|
|
147
|
-
${this.isFluid ? null : o` ${B} ${b} `}
|
|
148
|
-
`;
|
|
149
|
-
}
|
|
150
|
-
updated() {
|
|
151
|
-
var t, a;
|
|
152
|
-
if ((t = super.updated) === null || t === void 0 || t.call(this), this.counterMode !== this._prevCounterMode) {
|
|
153
|
-
const i = this._textarea;
|
|
154
|
-
i && (this.counterMode === "character" ? i.setAttribute("maxlength", String(this.maxCount)) : i.removeAttribute("maxlength")), this._prevCounterMode = this.counterMode;
|
|
155
|
-
}
|
|
156
|
-
const s = (a = this.shadowRoot) === null || a === void 0 ? void 0 : a.querySelector(`.${e}--text-area__wrapper`);
|
|
157
|
-
s && (this._resizeObserver = new ResizeObserver(() => {
|
|
158
|
-
this._measureWrapper();
|
|
159
|
-
}), this._resizeObserver.observe(s));
|
|
160
|
-
}
|
|
161
|
-
/**
|
|
162
|
-
* Measures the width of the wrapper and applies that to the max-width of the
|
|
163
|
-
* helper-text and invalid/warn-text
|
|
164
|
-
*/
|
|
165
|
-
_measureWrapper() {
|
|
166
|
-
var t, a, s;
|
|
167
|
-
const i = (t = this.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector(`.${e}--text-area__wrapper`), h = i?.scrollWidth, n = (a = this.shadowRoot) === null || a === void 0 ? void 0 : a.querySelector(`.${e}--form__helper-text`), g = (s = this.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector(`.${e}--form-requirement`);
|
|
168
|
-
[n, g].forEach((u) => {
|
|
169
|
-
u && (u.style.maxWidth = `${h}px`, u.style.overflowWrap = "break-word");
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
disconnectedCallback() {
|
|
173
|
-
var t, a;
|
|
174
|
-
(t = super.disconnectedCallback) === null || t === void 0 || t.call(this), (a = this._resizeObserver) === null || a === void 0 || a.disconnect();
|
|
175
|
-
}
|
|
176
|
-
};
|
|
177
|
-
r.shadowRootOptions = Object.assign(Object.assign({}, w.shadowRootOptions), { delegatesFocus: !0 });
|
|
178
|
-
r.styles = k;
|
|
179
|
-
d([
|
|
180
|
-
l({ type: Number })
|
|
181
|
-
], r.prototype, "cols", void 0);
|
|
182
|
-
d([
|
|
183
|
-
l({ type: Boolean })
|
|
184
|
-
], r.prototype, "isFluid", void 0);
|
|
185
|
-
d([
|
|
186
|
-
l({
|
|
187
|
-
type: String,
|
|
188
|
-
reflect: !0,
|
|
189
|
-
hasChanged(c, t) {
|
|
190
|
-
return (c === "character" || c === "word") && c !== t;
|
|
191
|
-
},
|
|
192
|
-
attribute: "counter-mode"
|
|
193
|
-
})
|
|
194
|
-
], r.prototype, "counterMode", void 0);
|
|
195
|
-
d([
|
|
196
|
-
l()
|
|
197
|
-
], r.prototype, "id", void 0);
|
|
198
|
-
d([
|
|
199
|
-
l()
|
|
200
|
-
], r.prototype, "pattern", void 0);
|
|
201
|
-
d([
|
|
202
|
-
l({ type: Boolean, reflect: !0 })
|
|
203
|
-
], r.prototype, "required", void 0);
|
|
204
|
-
d([
|
|
205
|
-
l()
|
|
206
|
-
], r.prototype, "rows", void 0);
|
|
207
|
-
d([
|
|
208
|
-
R("textarea")
|
|
209
|
-
], r.prototype, "_textarea", void 0);
|
|
210
|
-
r = d([
|
|
211
|
-
z(`${e}-textarea`)
|
|
212
|
-
], r);
|
|
213
|
-
let x = class extends w {
|
|
214
|
-
render() {
|
|
215
|
-
return o`
|
|
216
|
-
<span class="${e}--label ${e}--skeleton"></span>
|
|
217
|
-
<div class="${e}--skeleton ${e}--text-area"></div>
|
|
218
|
-
`;
|
|
219
|
-
}
|
|
220
|
-
};
|
|
221
|
-
x.styles = k;
|
|
222
|
-
x = d([
|
|
223
|
-
z(`${e}-textarea-skeleton`)
|
|
224
|
-
], x);
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";const d=require("./tslib.es6-B07k2eac.js"),r=require("./main-CZIPBRMI.js"),z=require("./class-map-BwrbvkxB.js"),a=require("./property-BIgIlh0E.js"),i=require("./settings-Bgpv8zuU.js"),E=require("./index-DLwGUJd2.js"),w=require("./shared-enums-BJDDuJr7.js"),f=require("./carbon-element-CbfPUYRT.js"),C=require("./icon-loader-C_ze306U.js"),R=require("./if-defined-CfI-rREy.js"),q=require("./16-DylBiJnm.js"),$=require("./host-listener-rUcT_LUW.js"),A=require("./focus-B3iymVyL.js"),T=require("./host-listener-gxrTpxgv.js"),L=require("./query-Dh8joWcT.js"),M=require("./16-B56B50XT.js"),u=require("./radio-group-manager-DBAEmhDM.js");var x=r.i$1(['.cds--link,:host(cds-tile) ::slotted(.cds--link){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--link *,.cds--link :after,.cds--link :before,:host(cds-tile) ::slotted(.cds--link) *,:host(cds-tile) ::slotted(.cds--link) :after,:host(cds-tile) ::slotted(.cds--link) :before{box-sizing:inherit}.cds--link,:host(cds-tile) ::slotted(.cds--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));display:inline-flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link:hover,:host(cds-tile) :hover::slotted(.cds--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover,:host(cds-tile) :active:not(.cds--link--disabled)::slotted(.cds--link),:host(cds-tile) :active:visited::slotted(.cds--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover,:host(cds-tile) :active:not(.cds--link--disabled)::slotted(.cds--link),:host(cds-tile) :active:visited::slotted(.cds--link){outline-style:dotted}}.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover,:host(cds-tile) :active:not(.cds--link--disabled)::slotted(.cds--link),:host(cds-tile) :active:visited::slotted(.cds--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds--link:focus:not(.cds--link--disabled),:host(cds-tile) :focus:not(.cds--link--disabled)::slotted(.cds--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--link:focus:not(.cds--link--disabled),:host(cds-tile) :focus:not(.cds--link--disabled)::slotted(.cds--link){outline-style:dotted}}.cds--link:focus:not(.cds--link--disabled),:host(cds-tile) :focus:not(.cds--link--disabled)::slotted(.cds--link){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds--link:visited,:host(cds-tile) :visited::slotted(.cds--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds--link:visited:hover,:host(cds-tile) :visited:hover::slotted(.cds--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link--disabled,.cds--link--disabled:hover{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--link--disabled *,.cds--link--disabled :after,.cds--link--disabled :before,.cds--link--disabled:hover *,.cds--link--disabled:hover :after,.cds--link--disabled:hover :before{box-sizing:inherit}.cds--link--disabled,.cds--link--disabled:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);text-decoration:none}.cds--link.cds--link--visited:visited,:host(cds-tile) .cds--link--visited:visited::slotted(.cds--link){color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds--link.cds--link--visited:visited:hover,:host(cds-tile) .cds--link--visited:visited:hover::slotted(.cds--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link.cds--link--inline,:host(cds-tile) .cds--link--inline::slotted(.cds--link){display:inline;text-decoration:underline}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds--link__icon{align-self:center;display:inline-flex;margin-inline-start:.5rem}:host(cds-link){outline:none}:host(cds-link) .cds--link--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-link) .cds--link__icon[hidden]{display:none}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--tile-group html,:host(cds-tile-group) html{font-size:100%}.cds--tile-group body,:host(cds-tile-group) body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tile-group code,:host(cds-tile-group) code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--tile-group strong,:host(cds-tile-group) strong{font-weight:600}.cds--tile,:host(cds-expandable-tile),:host(cds-tile){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));background-color:var(--cds-layer);display:block;min-block-size:4rem;min-inline-size:8rem;outline:2px solid transparent;outline-offset:-2px;padding:var(--cds-layout-density-padding-inline-local);position:relative}.cds--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile:focus{outline-style:dotted}}.cds--tile--light,:host(cds-expandable-tile[color-scheme=light]),:host(cds-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds--tile--clickable,.cds--tile--selectable,:host(cds-clickable-tile) .cds--tile--clickable{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--tile--clickable *,.cds--tile--clickable :after,.cds--tile--clickable :before,.cds--tile--selectable *,.cds--tile--selectable :after,.cds--tile--selectable :before,:host(cds-clickable-tile) .cds--tile--clickable *,:host(cds-clickable-tile) .cds--tile--clickable :after,:host(cds-clickable-tile) .cds--tile--clickable :before{box-sizing:inherit}.cds--tile--clickable,.cds--tile--selectable,:host(cds-clickable-tile) .cds--tile--clickable{cursor:pointer;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);padding:var(--cds-layout-density-padding-inline-local);transition:.15s cubic-bezier(.2,0,.38,.9)}.cds--tile--clickable:hover,.cds--tile--selectable:hover{background:var(--cds-layer-hover)}.cds--tile--clickable,:host(cds-clickable-tile) .cds--tile--clickable{color:var(--cds-text-primary,#161616);text-decoration:none}.cds--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile--clickable:focus{outline-style:dotted}}.cds--tile--clickable:focus{text-decoration:none}.cds--tile--clickable:focus .cds--tile__checkmark,.cds--tile--clickable:hover .cds--tile__checkmark{opacity:1}.cds--tile--expandable::-moz-focus-inner{border:0}.cds--tile--clickable:active,.cds--tile--clickable:hover,.cds--tile--clickable:visited,.cds--tile--clickable:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:none}.cds--tile--clickable.cds--link--disabled,.cds--tile--clickable:hover.cds--link--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;display:block;padding:var(--cds-layout-density-padding-inline-local)}.cds--tile--clickable .cds--tile--icon,.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon,:host(cds-clickable-tile) .cds--tile--clickable ::slotted([slot=icon]){block-size:1.25rem;inline-size:1.25rem;inset-block-end:.75rem;inset-inline-end:.75rem;position:absolute}.cds--tile--clickable .cds--tile--icon,:host(cds-clickable-tile) .cds--tile--clickable ::slotted([slot=icon]){fill:var(--cds-icon-interactive,#0f62fe)}.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--tile--clickable.cds--link--disabled .cds--tile--icon,:host(cds-clickable-tile) .cds--tile--clickable.cds--link--disabled ::slotted([slot=icon]){display:none}.cds--tile--selectable{border:1px solid transparent;padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem)}.cds--tile__checkmark{background:transparent;block-size:1rem;border:none;inset-block-start:var(--cds-layout-density-padding-inline-local);inset-inline-end:var(--cds-layout-density-padding-inline-local);opacity:0;position:absolute;transition:.11s cubic-bezier(.2,0,.38,.9)}.cds--tile__checkmark svg{border-radius:50%;fill:var(--cds-icon-secondary,#525252)}.cds--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile__checkmark:focus{outline-style:dotted}}.cds--tile__checkmark--persistent{opacity:1}.cds--tile__chevron,:host(cds-selectable-tile) .cds--tile__chevron{align-items:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);display:flex;inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0;justify-content:center;position:absolute}.cds--tile__chevron svg,:host(cds-selectable-tile) .cds--tile__chevron svg{fill:var(--cds-icon-primary,#161616);transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--tile__chevron svg,:host(cds-selectable-tile) .cds--tile__chevron svg{transition:none}}.cds--tile__chevron--interactive{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds--tile__chevron--interactive *,.cds--tile__chevron--interactive :after,.cds--tile__chevron--interactive :before{box-sizing:inherit}.cds--tile__chevron--interactive{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds--tile__chevron--interactive::-moz-focus-inner{border:0}.cds--tile__chevron--interactive{align-items:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);display:flex;inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0;justify-content:center;position:absolute}.cds--tile__chevron--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--tile__chevron--interactive:hover{background-color:var(--cds-layer-hover);cursor:pointer}.cds--tile--expandable,:host(cds-expandable-tile){border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);overflow:hidden;position:relative;text-align:start;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds--tile--expandable:hover{background:var(--cds-layer-hover)}.cds--tile--expandable.cds--tile--expandable--interactive{border:none;cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds--tile--expandable.cds--tile--expandable--interactive:hover{background-color:var(--cds-layer)}.cds--tile--expandable.cds--tile--expandable--interactive:focus{outline:none}.cds--tile--expandable--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile--expandable--interactive:focus{outline-style:dotted}}.cds--tile-content__below-the-fold,:host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.cds--tile--is-expanded,:host(cds-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.cds--tile--is-expanded .cds--tile__chevron svg,:host(cds-expandable-tile[expanded]) .cds--tile__chevron svg{transform:rotate(180deg)}.cds--tile--is-expanded .cds--tile-content__below-the-fold,:host(cds-expandable-tile) .cds--tile--is-expanded ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile[expanded]) .cds--tile-content__below-the-fold,:host(cds-expandable-tile[expanded]):host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content){opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds--tile--is-expanded .cds--tile-content__below-the-fold,:host(cds-expandable-tile) .cds--tile--is-expanded ::slotted(cds-tile-below-the-fold-content),:host(cds-expandable-tile[expanded]) .cds--tile-content__below-the-fold,:host(cds-expandable-tile[expanded]):host(cds-expandable-tile) ::slotted(cds-tile-below-the-fold-content){overflow-y:auto}}.cds--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}.cds--tile--is-selected .cds--tile__checkmark{opacity:1}.cds--tile--is-selected .cds--tile__checkmark svg{fill:var(--cds-icon-primary,#161616)}.cds--tile-content{block-size:100%;inline-size:100%}.cds--tile-input{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--tile-input:focus+.cds--tile,.cds--tile-input:focus+:host(cds-expandable-tile),.cds--tile-input:focus+:host(cds-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tile-input:focus+.cds--tile,.cds--tile-input:focus+:host(cds-expandable-tile),.cds--tile-input:focus+:host(cds-tile){outline-style:dotted}}.cds--tile--disabled.cds--tile--selectable{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--tile--disabled.cds--tile--selectable.cds--tile--light{background-color:var(--cds-layer-02,#fff)}.cds--tile--disabled.cds--tile--is-selected{border-color:var(--cds-border-disabled,#c6c6c6)}.cds--tile--disabled .cds--tile__checkmark svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--tile--clickable .cds--tile--ai-label-icon,.cds--tile--expandable>div>.cds--ai-label,.cds--tile--expandable>div>.cds--slug,.cds--tile--expandable>div>.cds--tile--inner-decorator>*,.cds--tile>.cds--ai-label,.cds--tile>.cds--slug,.cds--tile>.cds--tile--inner-decorator>*,:host(cds-expandable-tile)>.cds--ai-label,:host(cds-expandable-tile)>.cds--slug,:host(cds-expandable-tile)>.cds--tile--inner-decorator>*,:host(cds-expandable-tile)>div>.cds--ai-label,:host(cds-expandable-tile)>div>.cds--slug,:host(cds-expandable-tile)>div>.cds--tile--inner-decorator>*,:host(cds-tile)>.cds--ai-label,:host(cds-tile)>.cds--slug,:host(cds-tile)>.cds--tile--inner-decorator>*{inset-block-start:1rem;inset-inline-end:1rem;position:absolute}.cds--tile.cds--tile--selectable>.cds--ai-label,.cds--tile.cds--tile--selectable>.cds--slug,.cds--tile.cds--tile--selectable>.cds--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds--tile.cds--tile--selectable.cds--tile--radio>.cds--ai-label,.cds--tile.cds--tile--selectable.cds--tile--radio>.cds--slug,.cds--tile.cds--tile--selectable.cds--tile--radio>.cds--tile--inner-decorator>*{inset-inline-end:1rem;inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected>.cds--ai-label,.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected>.cds--slug,.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected>.cds--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds--tile.cds--tile--clickable>.cds--ai-label,.cds--tile.cds--tile--clickable>.cds--slug,.cds--tile.cds--tile--clickable>.cds--tile--inner-decorator>*{pointer-events:none}.cds--tile--decorator:has(.cds--ai-label).cds--tile,.cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile,.cds--tile--slug.cds--tile{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--tile--decorator:has(.cds--ai-label).cds--tile--expandable:hover,.cds--tile--slug.cds--tile--expandable:hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}.cds--tile--decorator.cds--tile--clickable:before,.cds--tile--decorator.cds--tile--selectable:after,.cds--tile--decorator.cds--tile--selectable:before,.cds--tile--slug.cds--tile--clickable:before,.cds--tile--slug.cds--tile--selectable:after,.cds--tile--slug.cds--tile--selectable:before{block-size:100%;content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}.cds--tile--decorator:has(.cds--ai-label).cds--tile--clickable:before,.cds--tile--decorator:has(.cds--ai-label).cds--tile--selectable:before,.cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile--clickable:before,.cds--tile--slug.cds--tile--clickable:before,.cds--tile--slug.cds--tile--selectable:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--tile--decorator.cds--tile--clickable:hover:before,.cds--tile--decorator.cds--tile--selectable:hover:before,.cds--tile--slug.cds--tile--clickable:hover:before,.cds--tile--slug.cds--tile--selectable:hover:before{opacity:1}.cds--tile--decorator.cds--tile--clickable:focus,.cds--tile--decorator.cds--tile--selectable:focus,.cds--tile--slug.cds--tile--clickable:focus,.cds--tile--slug.cds--tile--selectable:focus,.cds--tile-input:focus+.cds--tile--decorator.cds--tile,.cds--tile-input:focus+.cds--tile--slug.cds--tile{outline-offset:-1px}.cds--tile--decorator:has(.cds--tile--inner-decorator .cds--ai-label).cds--tile--selectable:after,.cds--tile--slug.cds--tile--selectable:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds--tile--decorator.cds--tile--selectable:hover:after,.cds--tile--slug.cds--tile--selectable:hover:after{opacity:0}.cds--tile--decorator.cds--tile--is-selected:after,.cds--tile--slug.cds--tile--is-selected:after{opacity:1}.cds--tile--decorator:has(.cds--tile--inner-decorator).cds--tile--is-selected,.cds--tile--slug.cds--tile--is-selected{border-color:var(--cds-border-inverse,#161616)}.cds--tile--decorator.cds--tile--clickable .cds--tile-content,.cds--tile--decorator.cds--tile--selectable .cds--tile-content,.cds--tile--slug.cds--tile--clickable .cds--tile-content,.cds--tile--slug.cds--tile--selectable .cds--tile-content{cursor:pointer;position:relative}.cds--tile--decorator.cds--tile--clickable .cds--tile-content,.cds--tile--decorator.cds--tile--is-selected .cds--tile--inner-decorator>*,.cds--tile--decorator.cds--tile--selectable .cds--tile-content,.cds--tile--decorator.cds--tile--selectable>.cds--tile__checkmark,.cds--tile--slug.cds--tile--clickable .cds--tile-content,.cds--tile--slug.cds--tile--is-selected .cds--ai-label,.cds--tile--slug.cds--tile--is-selected .cds--slug,.cds--tile--slug.cds--tile--selectable .cds--tile-content,.cds--tile--slug.cds--tile--selectable>.cds--tile__checkmark{z-index:1}.cds--tile--decorator.cds--tile--selectable .cds--tile--inner-decorator>:has(>.cds--popover--open),.cds--tile--slug.cds--tile--selectable .cds--ai-label:has(>.cds--popover--open),.cds--tile--slug.cds--tile--selectable .cds--slug:has(>.cds--popover--open){z-index:2}.cds--tile--decorator.cds--tile--selectable>.cds--tile--inner-decorator>*,.cds--tile--decorator.cds--tile--selectable>.cds--tile__checkmark,.cds--tile--slug.cds--tile--selectable>.cds--ai-label,.cds--tile--slug.cds--tile--selectable>.cds--slug,.cds--tile--slug.cds--tile--selectable>.cds--tile__checkmark{z-index:1}.cds--tile--expandable:has(.cds--ai-label>.cds--popover--open),.cds--tile--expandable:has(.cds--slug>.cds--popover--open),.cds--tile--expandable:has(.cds--tile--inner-decorator>*>.cds--popover--open),:has(.cds--ai-label>.cds--popover--open):host(cds-expandable-tile),:has(.cds--slug>.cds--popover--open):host(cds-expandable-tile),:has(.cds--tile--inner-decorator>*>.cds--popover--open):host(cds-expandable-tile){overflow:visible}.cds--tile--clickable .cds--tile--ai-label-icon rect{stroke:var(--cds-icon-primary,#161616)}.cds--tile--clickable .cds--tile--ai-label-icon path{fill:var(--cds-icon-primary,#161616)}.cds--tile--decorator-rounded,.cds--tile--decorator-rounded.cds--tile--clickable:before,.cds--tile--decorator-rounded.cds--tile--selectable:after,.cds--tile--decorator-rounded.cds--tile--selectable:before,.cds--tile--slug-rounded,.cds--tile--slug-rounded.cds--tile--clickable:before,.cds--tile--slug-rounded.cds--tile--selectable:after,.cds--tile--slug-rounded.cds--tile--selectable:before,:host(cds-clickable-tile[ai-label][has-rounded-corners]),:host(cds-expandable-tile[ai-label][has-rounded-corners]),:host(cds-radio-tile[ai-label][has-rounded-corners]),:host(cds-selectable-tile[ai-label][has-rounded-corners]),:host(cds-tile[ai-label][has-rounded-corners]){border-radius:.5rem}.cds--tile--decorator-rounded .cds--tile__chevron,.cds--tile--slug-rounded .cds--tile__chevron,:host(cds-clickable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-expandable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-radio-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-selectable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-tile[ai-label][has-rounded-corners]) .cds--tile__chevron{border-end-end-radius:.5rem}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-tile-group){background:transparent}:host(cds-tile-group) fieldset{border:none}:host(cds-clickable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:grid;outline:none}:host(cds-clickable-tile) .cds--link--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;display:block;padding:density("padding-inline")}:host(cds-clickable-tile) .cds--tile,:host(cds-clickable-tile) :host(cds-expandable-tile),:host(cds-clickable-tile) :host(cds-tile){outline:.125rem solid transparent;padding:1rem}:host(cds-clickable-tile) .cds--tile--clickable{display:block;transition:.15s cubic-bezier(.2,0,.38,.9)}:host(cds-clickable-tile) .cds--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-clickable-tile) .cds--tile--clickable:focus{outline-style:dotted}}:host(cds-clickable-tile) .cds--link__icon{display:block}:host(cds-clickable-tile) ::slotted([slot=ai-label]),:host(cds-clickable-tile) ::slotted([slot=slug]){pointer-events:none}:host(cds-radio-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:block;margin-block-end:.5rem;outline:none;position:relative}:host(cds-radio-tile) .cds--tile,:host(cds-radio-tile) :host(cds-expandable-tile),:host(cds-radio-tile) :host(cds-tile){block-size:100%}:host(cds-selectable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:block;outline:none;position:relative}:host(cds-selectable-tile) .cds--tile,:host(cds-selectable-tile) :host(cds-expandable-tile),:host(cds-selectable-tile) :host(cds-tile){block-size:100%}:host(cds-radio-tile) .cds--tile-input:checked~.cds--tile--selectable .cds--tile__checkmark,:host(cds-selectable-tile) .cds--tile-input:checked~.cds--tile--selectable .cds--tile__checkmark{opacity:1}:host(cds-clickable-tile) ::slotted(*),:host(cds-radio-tile) ::slotted(:not([slot])),:host(cds-selectable-tile) ::slotted(:not([slot])){cursor:pointer;position:relative;z-index:1}:host(cds-expandable-tile){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-expandable-tile) ::slotted(cds-tile-above-the-fold-content){display:block}:host(cds-expandable-tile) .cds-ce--expandable-tile--below-the-fold-content{max-block-size:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile[expanded]) ::slotted(cds-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(cds-expandable-tile[with-interactive]){cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile[with-interactive]):hover{background-color:var(--cds-layer)}:host(cds-expandable-tile[with-interactive]):focus{outline:none}:host(cds-expandable-tile:not([with-interactive]):focus-within){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-expandable-tile:not([with-interactive]):focus-within){outline-style:dotted}}:host(cds-expandable-tile:not([with-interactive])) .cds--tile__chevron{background:none;border:none;cursor:pointer;outline:none}:host(cds-clickable-tile[ai-label]) .cds--tile,:host(cds-clickable-tile[ai-label]) :host(cds-expandable-tile),:host(cds-clickable-tile[ai-label]) :host(cds-tile),:host(cds-expandable-tile[ai-label]),:host(cds-radio-tile[ai-label]) .cds--tile,:host(cds-radio-tile[ai-label]) :host(cds-expandable-tile),:host(cds-radio-tile[ai-label]) :host(cds-tile),:host(cds-selectable-tile[ai-label]) .cds--tile,:host(cds-selectable-tile[ai-label]) :host(cds-expandable-tile),:host(cds-selectable-tile[ai-label]) :host(cds-tile),:host(cds-tile[ai-label]){background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}:host(cds-clickable-tile) ::slotted([slot=ai-label]),:host(cds-clickable-tile) ::slotted([slot=decorator]),:host(cds-clickable-tile) ::slotted([slot=slug]),:host(cds-expandable-tile) ::slotted([slot=ai-label]),:host(cds-expandable-tile) ::slotted([slot=decorator]),:host(cds-expandable-tile) ::slotted([slot=slug]),:host(cds-radio-tile) ::slotted([slot=ai-label]),:host(cds-radio-tile) ::slotted([slot=decorator]),:host(cds-radio-tile) ::slotted([slot=slug]),:host(cds-selectable-tile) ::slotted([slot=ai-label]),:host(cds-selectable-tile) ::slotted([slot=decorator]),:host(cds-selectable-tile) ::slotted([slot=slug]),:host(cds-tile) ::slotted([slot=ai-label]),:host(cds-tile) ::slotted([slot=decorator]),:host(cds-tile) ::slotted([slot=slug]){inset-block-start:1rem;inset-inline-end:1rem;position:absolute}:host(cds-radio-tile[selected]) ::slotted([slot=ai-label]),:host(cds-radio-tile[selected]) ::slotted([slot=decorator]),:host(cds-selectable-tile) ::slotted([slot=ai-label]),:host(cds-selectable-tile) ::slotted([slot=decorator]),:host(cds-selectable-tile) ::slotted([slot=slug]){inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}:host(cds-expandable-tile[ai-label]):hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}:host(cds-clickable-tile[ai-label]) .cds--tile:before,:host(cds-radio-tile[ai-label]) .cds--tile:after,:host(cds-radio-tile[ai-label]) .cds--tile:before,:host(cds-selectable-tile[ai-label]) .cds--tile:after,:host(cds-selectable-tile[ai-label]) .cds--tile:before{block-size:100%;content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}:host(cds-clickable-tile[ai-label]) .cds--tile:before,:host(cds-radio-tile[ai-label]) .cds--tile:before,:host(cds-selectable-tile[ai-label]) .cds--tile:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-clickable-tile[ai-label]) .cds--tile:hover:before,:host(cds-radio-tile[ai-label]) .cds--tile:hover:before,:host(cds-selectable-tile[ai-label]) .cds--tile:hover:before{opacity:1}:host(cds-radio-tile[ai-label]) .cds--tile--is-selected,:host(cds-selectable-tile[ai-label]) .cds--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-radio-tile[ai-label]) .cds--tile--is-selected .cds--tile__checkmark,:host(cds-selectable-tile[ai-label]) .cds--tile--is-selected .cds--tile__checkmark{z-index:1}:host(cds-radio-tile[ai-label]),:host(cds-selectable-tile[ai-label]) .cds--tile--is-selected:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-expandable-tile[ai-label]){overflow:visible}:host(cds-clickable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-expandable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-radio-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-selectable-tile[ai-label][has-rounded-corners]) .cds--tile__chevron,:host(cds-tile[ai-label][has-rounded-corners]) .cds--tile__chevron{border-end-end-radius:.5rem}']),N={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:24,height:24},content:[{elem:"path",attrs:{d:"M19 21v-2h1v-7h-1v-2h4v2h-1v7h1v2h-4zM15.5005 21h2l-3.5005-11h-3l-3.4966 11h1.9988l.6018-2h4.7781l.6184 2zM10.7058 17l1.6284-5.4111.2559-.0024 1.6736 5.4136h-3.5579z"}},{elem:"path",attrs:{d:"M32,32H0V0h32v32ZM2,30h28V2H2v28Z"}}],name:"ai-label",size:24};let p=class extends E.CDSLink$1{constructor(){super(...arguments),this.colorScheme=w.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.linkRole="button",this.hasRoundedCorners=!1,this.aiLabel=!1,this.slug=!1}get _classes(){const{colorScheme:e,disabled:t,hasRoundedCorners:s,aiLabel:l,slug:c}=this;return z.e({[`${i.prefix}--link`]:!0,[`${i.prefix}--link--disabled`]:t,[`${i.prefix}--tile`]:!0,[`${i.prefix}--tile--clickable`]:!0,[`${i.prefix}--tile--${e}`]:e,[`${i.prefix}--tile--slug-rounded`]:(l||c)&&s})}connectedCallback(){this.slug&&(this.setAttribute("ai-Label",""),this.aiLabel=!0),super.connectedCallback()}_renderInner(){return r.x`
|
|
2
|
-
${super._renderInner()}
|
|
3
|
-
${this.aiLabel||this.slug?C.iconLoader(N,{class:`${i.prefix}--tile--ai-label-icon`}):""}
|
|
4
|
-
<slot name="decorator"></slot>
|
|
5
|
-
`}static get slugItem(){return`${i.prefix}-slug`}static get aiLabelItem(){return`${i.prefix}-ai-label`}};p.styles=x;d.__decorate([a.n({attribute:"color-scheme",reflect:!0})],p.prototype,"colorScheme",void 0);d.__decorate([a.n({attribute:"link-role"})],p.prototype,"linkRole",void 0);d.__decorate([a.n({type:Boolean,attribute:"has-rounded-corners"})],p.prototype,"hasRoundedCorners",void 0);d.__decorate([a.n({type:Boolean,attribute:"ai-label"})],p.prototype,"aiLabel",void 0);d.__decorate([a.n({type:Boolean})],p.prototype,"slug",void 0);p=d.__decorate([f.carbonElement(`${i.prefix}-clickable-tile`)],p);let g=class extends T.HostListenerMixin(A.FocusMixin(r.i)){constructor(){super(...arguments),this._belowTheContentHeight=0,this._hasAILabel=!1,this._handleClick=()=>{this.withInteractive||this._handleExpand()},this.colorScheme=w.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.expanded=!1,this.hasRoundedCorners=!1,this.withInteractive=!1}_handleSlotChange({target:e}){const t=e.assignedNodes().filter(s=>{var l,c;return s.matches!==void 0?s.matches((l=this.constructor)===null||l===void 0?void 0:l.aiLabelItem)||s.matches((c=this.constructor)===null||c===void 0?void 0:c.slugItem):!1});t.length>0&&(this._hasAILabel=!!t,t[0].setAttribute("size","xs")),this.requestUpdate()}_handleSlotChangeBelowTheFoldContent(e){if(this._belowTheContentHeight=e.target.assignedNodes().reduce((t,s)=>{var l;return t+((l=s.offsetHeight)!==null&&l!==void 0?l:0)},0),!this._belowTheContentHeight){const t=getComputedStyle(this.querySelector("cds-tile-below-the-fold-content"));this._belowTheContentHeight=parseInt(t.height,10)}this.requestUpdate()}_handleExpand(){const e=!this.expanded;this.focus();const t={bubbles:!0,composed:!0,detail:{expanded:e}},s=this.constructor,l=new CustomEvent(s.eventBeforeToggle,Object.assign(Object.assign({},t),{cancelable:!0}));if(this.dispatchEvent(l)){this.expanded=e;const c=new CustomEvent(s.eventToggle,t);this.dispatchEvent(c)}}updated(){this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){const{expanded:e,withInteractive:t,_belowTheContentHeight:s,_handleSlotChangeBelowTheFoldContent:l}=this,c=z.e({[`${i.prefix}--tile__chevron`]:!0,[`${i.prefix}--tile__chevron--interactive`]:t});return r.x`
|
|
6
|
-
<button
|
|
7
|
-
class="${c}"
|
|
8
|
-
aria-labelledby="above-the-fold-content"
|
|
9
|
-
aria-controls="below-the-fold-content"
|
|
10
|
-
tabindex="0"
|
|
11
|
-
@click="${t?this._handleExpand:""}"
|
|
12
|
-
aria-expanded="${String(!!e)}">
|
|
13
|
-
${C.iconLoader(q._16,{id:"icon"})}
|
|
14
|
-
</button>
|
|
15
|
-
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
16
|
-
<slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
|
|
17
|
-
<slot name="decorator"></slot>
|
|
18
|
-
<div id="content" class="${i.prefix}--tile-content">
|
|
19
|
-
<div><slot name="above-the-fold-content"></slot></div>
|
|
20
|
-
<div
|
|
21
|
-
class="${i.prefix}-ce--expandable-tile--below-the-fold-content"
|
|
22
|
-
style="${R.o(e?`max-height: ${s}px`:void 0)}">
|
|
23
|
-
<slot @slotchange="${l}"></slot>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
`}static get slugItem(){return`${i.prefix}-slug`}static get aiLabelItem(){return`${i.prefix}-ai-label`}static get eventBeforeToggle(){return`${i.prefix}-expandable-tile-beingtoggled`}static get eventToggle(){return`${i.prefix}-expandable-tile-toggled`}};g.styles=x;d.__decorate([$.HostListener("click")],g.prototype,"_handleClick",void 0);d.__decorate([a.n({attribute:"color-scheme",reflect:!0})],g.prototype,"colorScheme",void 0);d.__decorate([a.n({type:Boolean,reflect:!0})],g.prototype,"expanded",void 0);d.__decorate([a.n({type:Boolean,attribute:"has-rounded-corners"})],g.prototype,"hasRoundedCorners",void 0);d.__decorate([a.n({type:Boolean,reflect:!0,attribute:"with-interactive"})],g.prototype,"withInteractive",void 0);g=d.__decorate([f.carbonElement(`${i.prefix}-expandable-tile`)],g);var B={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"}}],name:"checkbox",size:16},O={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM14,21.5,9,16.5427,10.5908,15,14,18.3456,21.4087,11l1.5918,1.5772Z"}},{elem:"path",attrs:{fill:"none",d:"M14,21.5,9,16.5427,10.5908,15,14,18.3456,21.4087,11l1.5918,1.5772Z","data-icon-path":"inner-path"}}],name:"checkbox--checked--filled",size:16};let o=class extends T.HostListenerMixin(A.FocusMixin(r.i)){constructor(){super(...arguments),this._inputType="checkbox",this._hasAILabel=!1,this._handleClick=()=>{this.selected=!this.selected;const{eventChange:e}=this.constructor;this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:{selected:this.selected}}))},this._handleKeydown=e=>{var t,s;const{key:l}=e;(l===" "||l==="Enter")&&!(!((t=e.target)===null||t===void 0)&&t.matches(this.constructor.aiLabelItem))&&!(!((s=e.target)===null||s===void 0)&&s.matches(this.constructor.slugItem))&&(this.selected=!this.selected)},this.colorScheme=w.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.disabled=!1,this.hasRoundedCorners=!1,this.selected=!1}_handleSlotChange({target:e}){const t=e.assignedNodes().filter(s=>{var l,c;return s.matches!==void 0?s.matches((l=this.constructor)===null||l===void 0?void 0:l.aiLabelItem)||s.matches((c=this.constructor)===null||c===void 0?void 0:c.slugItem):!1});t.length>0&&(this._hasAILabel=!!t,t[0].setAttribute("size","xs")),this.requestUpdate()}_handleChange(){this.selected=this._inputNode.checked;const e=this.selected,{eventChange:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{selected:e}}))}_renderIcon(){const{selected:e,checkmarkLabel:t}=this;return C.iconLoader(e?O:B,{"aria-label":t||void 0,class:`${i.prefix}--selectable-tile__icon`})}updated(){this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){const{colorScheme:e,disabled:t,hasRoundedCorners:s,name:l,selected:c,value:b,_handleChange:h,_hasAILabel:k}=this,v=z.e({[`${i.prefix}--tile`]:!0,[`${i.prefix}--tile--disabled`]:t,[`${i.prefix}--tile--selectable`]:!0,[`${i.prefix}--tile--is-selected`]:c,[`${i.prefix}--tile--${e}`]:e,[`${i.prefix}--tile--slug-rounded`]:k&&s});return r.x`
|
|
27
|
-
<div
|
|
28
|
-
class=${v}
|
|
29
|
-
role="checkbox"
|
|
30
|
-
aria-checked=${c}
|
|
31
|
-
@change=${h}
|
|
32
|
-
tabindex=${t?void 0:0}
|
|
33
|
-
name=${l}
|
|
34
|
-
value=${b}
|
|
35
|
-
@click=${t?void 0:this._handleClick}
|
|
36
|
-
@keydown=${this._handleKeydown}>
|
|
37
|
-
<span
|
|
38
|
-
class="${i.prefix}--tile__checkmark ${i.prefix}--tile__checkmark--persistent">
|
|
39
|
-
${this._renderIcon()}
|
|
40
|
-
</span>
|
|
41
|
-
<label class="${i.prefix}--tile-content">
|
|
42
|
-
<slot></slot>
|
|
43
|
-
</label>
|
|
44
|
-
<slot name="decorator"></slot>
|
|
45
|
-
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
46
|
-
<slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
|
|
47
|
-
</div>
|
|
48
|
-
`}static get slugItem(){return`${i.prefix}-slug`}static get aiLabelItem(){return`${i.prefix}-ai-label`}static get eventChange(){return`${i.prefix}-selectable-tile-changed`}};o.shadowRootOptions=Object.assign(Object.assign({},r.i.shadowRootOptions),{delegatesFocus:!0});o.styles=x;d.__decorate([L.e("input")],o.prototype,"_inputNode",void 0);d.__decorate([a.n({attribute:"checkmark-label"})],o.prototype,"checkmarkLabel",void 0);d.__decorate([a.n({attribute:"color-scheme",reflect:!0})],o.prototype,"colorScheme",void 0);d.__decorate([a.n({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0);d.__decorate([a.n({type:Boolean,attribute:"has-rounded-corners"})],o.prototype,"hasRoundedCorners",void 0);d.__decorate([a.n()],o.prototype,"name",void 0);d.__decorate([a.n({type:Boolean,reflect:!0})],o.prototype,"selected",void 0);d.__decorate([a.n()],o.prototype,"value",void 0);o=d.__decorate([f.carbonElement(`${i.prefix}-selectable-tile`)],o);var D=o;let I=class extends D{constructor(){super(...arguments),this._handleKeydown=e=>{(e.key===" "||e.key==="Enter")&&e.preventDefault()}}_handleChange(){this.selected=!0;const{selected:e,name:t}=this,{eventRadioChange:s}=this.constructor;this.dispatchEvent(new CustomEvent(s,{bubbles:!0,composed:!0,detail:{selected:e,name:t}}))}render(){const{colorScheme:e,checkmarkLabel:t,disabled:s,hasRoundedCorners:l,name:c,selected:b,value:h,_handleChange:k,_handleKeydown:v,_hasAILabel:_}=this,S=z.e({[`${i.prefix}--tile`]:!0,[`${i.prefix}--tile--selectable`]:!0,[`${i.prefix}--tile--radio`]:!0,[`${i.prefix}--tile--disabled`]:s,[`${i.prefix}--tile--is-selected`]:b,[`${i.prefix}--tile--${e}`]:e,[`${i.prefix}--tile--slug-rounded`]:_&&l});return r.x`
|
|
49
|
-
<input
|
|
50
|
-
type="radio"
|
|
51
|
-
id="input"
|
|
52
|
-
class="${i.prefix}--tile-input"
|
|
53
|
-
?disabled="${s}"
|
|
54
|
-
tabindex="${b?0:-1}"
|
|
55
|
-
name="${R.o(c)}"
|
|
56
|
-
value="${R.o(h)}"
|
|
57
|
-
.checked=${b}
|
|
58
|
-
@change=${s?void 0:k}
|
|
59
|
-
@keydown="${s?void 0:v}" />
|
|
60
|
-
<label part="label" for="input" class="${S}">
|
|
61
|
-
${C.iconLoader(M._16,{class:`${i.prefix}--tile__checkmark`,title:t})}
|
|
62
|
-
<div class="${i.prefix}--tile-content"><slot></slot></div>
|
|
63
|
-
</label>
|
|
64
|
-
<slot name="decorator"></slot>
|
|
65
|
-
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
|
|
66
|
-
`}static get eventRadioChange(){return`${i.prefix}-radio-tile-selected`}};I=d.__decorate([f.carbonElement(`${i.prefix}-radio-tile`)],I);let y=class extends r.i{constructor(){super(...arguments),this._hasAILabel=!1,this.colorScheme=w.FORM_ELEMENT_COLOR_SCHEME.REGULAR,this.hasRoundedCorners=!1}_handleSlotChange({target:e}){const t=e.assignedNodes().filter(s=>s.matches!==void 0?s.matches(this.constructor.aiLabelItem)||s.matches(this.constructor.slugItem):!1);t.length>0&&(this._hasAILabel=!!t,t[0].setAttribute("size","xs")),this.requestUpdate()}updated(){this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){return r.x` <slot></slot
|
|
67
|
-
><slot name="decorator" @slotchange="${this._handleSlotChange}"></slot>
|
|
68
|
-
<slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot
|
|
69
|
-
><slot name="slug" @slotchange="${this._handleSlotChange}"></slot>`}static get slugItem(){return`${i.prefix}-slug`}static get aiLabelItem(){return`${i.prefix}-ai-label`}};y.styles=x;d.__decorate([a.n({attribute:"color-scheme",reflect:!0})],y.prototype,"colorScheme",void 0);d.__decorate([a.n({type:Boolean,attribute:"has-rounded-corners"})],y.prototype,"hasRoundedCorners",void 0);y=d.__decorate([f.carbonElement(`${i.prefix}-tile`)],y);const F={ArrowUp:u.NAVIGATION_DIRECTION.BACKWARD,Up:u.NAVIGATION_DIRECTION.BACKWARD,ArrowLeft:u.NAVIGATION_DIRECTION.BACKWARD,Left:u.NAVIGATION_DIRECTION.BACKWARD,ArrowDown:u.NAVIGATION_DIRECTION.FORWARD,Down:u.NAVIGATION_DIRECTION.FORWARD,ArrowRight:u.NAVIGATION_DIRECTION.FORWARD,Right:u.NAVIGATION_DIRECTION.FORWARD};let n=class extends T.HostListenerMixin(r.i){constructor(){super(...arguments),this._handleKeydown=e=>{const{target:t,key:s}=e,{radioTiles:l,selectableTiles:c}=this,b=F[s];if(t?.matches(`${i.prefix}-ai-label`))return;const h=l.length?l:c,v=[...h].findIndex(S=>S==t)+b,_=v!==-1?h[v%h.length]:h[h.length-1];b?(e.preventDefault(),this.radioTiles.length?this._handleKeydownRadio(_):this._handleKeydownSelectable(e,_)):(s===" "||s==="Enter")&&this._handleKeydownSelectable(e)},this._handleFocus=e=>{const{relatedTarget:t,target:s}=e;s?.matches(`${i.prefix}-ai-label`)||this.radioTiles.length&&(this.currentRadioSelection?!t?.matches(this.constructor.selectorRadioTile)&&s!==this.currentRadioSelection&&this.currentRadioSelection.focus():(s.toggleAttribute("selected"),this.currentRadioSelection=s))},this.currentSelections=[]}_handleRadioClick(e){const{target:t}=e,{currentRadioSelection:s}=this,{eventCurrentRadioTileSelection:l}=this.constructor;t.matches(`${i.prefix}-ai-label`)||(s?s!==t&&(s.toggleAttribute("selected"),this.currentRadioSelection=t):this.currentRadioSelection=t,this.dispatchEvent(new CustomEvent(l,{bubbles:!0,composed:!0,detail:{target:t}})))}_handleTileSelect(e){this.radioTiles.length&&this._handleRadioClick(e)}_handleKeydownRadio(e){const{currentRadioSelection:t}=this,{eventCurrentRadioTileSelection:s}=this.constructor;t&&t.toggleAttribute("selected"),e.focus(),e.toggleAttribute("selected"),this.currentRadioSelection=e,this.dispatchEvent(new CustomEvent(s,{bubbles:!0,composed:!0,detail:{nextSibling:e}}))}_handleKeydownSelectable(e,t){const{target:s}=e,{currentSelections:l}=this,{eventCurrentSelectableTilesSelection:c}=this.constructor;t?t.focus():(l.includes(s)?l.splice(l.indexOf(s),1):l.push(s),this.dispatchEvent(new CustomEvent(c,{bubbles:!0,composed:!0,detail:{currentSelections:l}})))}firstUpdated(){this.hasAttribute("role")||this.setAttribute("role","group"),this.radioTiles||(this.radioTiles=this.querySelectorAll(this.constructor.selectorRadioTile),this.radioTiles.forEach(e=>{e.selected&&(this.currentRadioSelection=e)})),this.selectableTiles||(this.selectableTiles=this.querySelectorAll(this.constructor.selectorSelectableTile)),this.disabled&&(this.radioTiles.forEach(e=>e.toggleAttribute("disabled")),this.selectableTiles.forEach(e=>e.toggleAttribute("disabled")))}render(){const{fieldsetClassName:e,disabled:t}=this;return r.x`
|
|
70
|
-
<fieldset class="${e}" ?disabled=${t}>
|
|
71
|
-
<slot name="legend" class="${i.prefix}--label"></slot>
|
|
72
|
-
<slot></slot>
|
|
73
|
-
</fieldset>
|
|
74
|
-
`}static get selectorRadioTile(){return`${i.prefix}-radio-tile`}static get selectorSelectableTile(){return`${i.prefix}-selectable-tile`}static get eventCurrentRadioTileSelection(){return`${i.prefix}-current-radio-tile-selection`}static get eventCurrentSelectableTilesSelection(){return`${i.prefix}-current-selectable-tile-selections`}};n.styles=x;d.__decorate([$.HostListener("click")],n.prototype,"_handleTileSelect",null);d.__decorate([$.HostListener("keydown")],n.prototype,"_handleKeydown",void 0);d.__decorate([$.HostListener("focusin")],n.prototype,"_handleFocus",void 0);d.__decorate([a.n({reflect:!0,attribute:"fieldset-class-name"})],n.prototype,"fieldsetClassName",void 0);d.__decorate([a.n({reflect:!0,type:Boolean})],n.prototype,"disabled",void 0);d.__decorate([a.n()],n.prototype,"currentRadioSelection",void 0);d.__decorate([a.n()],n.prototype,"currentSelections",void 0);d.__decorate([a.n()],n.prototype,"radioTiles",void 0);d.__decorate([a.n()],n.prototype,"selectableTiles",void 0);n=d.__decorate([f.carbonElement(`${i.prefix}-tile-group`)],n);
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { s as e } from "./dropdown-item-Wc8Nj3w-.js";
|
|
2
|
-
import { _ as r } from "./tslib.es6-C5gLNDSD.js";
|
|
3
|
-
import { i as t, x as l } from "./main-CXPn-jnk.js";
|
|
4
|
-
import { p as o } from "./settings-jvP7vP60.js";
|
|
5
|
-
import { c as i } from "./carbon-element-DzDuXiyl.js";
|
|
6
|
-
let s = class extends t {
|
|
7
|
-
render() {
|
|
8
|
-
return l`
|
|
9
|
-
<div
|
|
10
|
-
class="${o}--skeleton ${o}--dropdown-v2 ${o}--list-box ${o}--form-item">
|
|
11
|
-
<div class="${o}--list-box__field">
|
|
12
|
-
<span class="${o}--list-box__label"></span>
|
|
13
|
-
</div>
|
|
14
|
-
</div>
|
|
15
|
-
`;
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
s.styles = e;
|
|
19
|
-
s = r([
|
|
20
|
-
i(`${o}-dropdown-skeleton`)
|
|
21
|
-
], s);
|