@cds/core 6.2.2 → 6.2.4

package/selection-panels/radio/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../../src/selection-panels/radio/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsRadioPanel } from './radio-panel.element.js';\nregisterElementSafely('cds-radio-panel', CdsRadioPanel);\n"],"names":["registerElementSafely","CdsRadioPanel"],"mappings":"oHAOAA,EAAsB,kBAAmBC"}
+{"version":3,"file":"register.js","sources":["../../../../src/selection-panels/radio/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsRadioPanel } from './radio-panel.element.js';\nregisterElementSafely('cds-radio-panel', CdsRadioPanel);\n"],"names":["registerElementSafely","CdsRadioPanel"],"mappings":"oHAOAA,EAAsB,kBAAmBC"}

package/signpost/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/signpost/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsSignpost } from './signpost.element.js';\nimport '@cds/core/internal-components/popup/register.js';\nregisterElementSafely('cds-signpost', CdsSignpost);\n"],"names":["registerElementSafely","CdsSignpost"],"mappings":"uKAQAA,EAAsB,eAAgBC"}
+{"version":3,"file":"register.js","sources":["../../../src/signpost/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsSignpost } from './signpost.element.js';\nimport '@cds/core/internal-components/popup/register.js';\nregisterElementSafely('cds-signpost', CdsSignpost);\n"],"names":["registerElementSafely","CdsSignpost"],"mappings":"uKAQAA,EAAsB,eAAgBC"}

package/signpost/signpost.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"signpost.element.js","sources":["../../../src/signpost/signpost.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport { CdsInternalPopup } from '@cds/core/internal-components/popup';\n/**\n * Signposts are dropdowns which default to having a pointer and a close\n * action. Like dropdowns, signposts are generic containers that are\n * designed to hold any type of content.\n *\n * ```typescript\n * import '@cds/core/signpost/register.js';\n * ```\n *\n * ```html\n * <cds-signpost>...</cds-signpost>\n * ```\n * @beta\n * @element cds-signpost\n * @slot - Content slot for the content inside the signpost\n * @event closeChange - Notify user when close event has occurred\n * @cssprop --active-corner-border-radius\n * @cssprop --background\n * @cssprop --backdrop-background\n * @cssprop --layered-backdrop-background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --box-shadow\n * @cssprop --close-button-offset\n * @cssprop --color\n * @cssprop --min-height\n * @cssprop --min-width\n * @cssprop --max-height\n * @cssprop --max-width\n * @cssprop --mobile-max-height\n * @cssprop --overflow - sets overflow x and y values respectively\n * @cssprop --height\n * @cssprop --width\n * @cssprop --animation-duration\n * @cssprop --animation-easing\n * @property trigger\n *\n */\nexport class CdsSignpost extends CdsInternalPopup {\n    constructor() {\n        super(...arguments);\n        this.closable = true;\n        this.defaultPointerType = 'angle';\n    }\n}\n__decorate([\n    property({ type: Boolean })\n], CdsSignpost.prototype, \"closable\", void 0);\n__decorate([\n    property({ type: String })\n], CdsSignpost.prototype, \"defaultPointerType\", void 0);\n"],"names":["CdsSignpost","CdsInternalPopup","constructor","super","this","closable","defaultPointerType","__decorate","property","type","Boolean","prototype","String"],"mappings":"wJA+CO,MAAMA,UAAoBC,EAC7BC,cACIC,oBACAC,KAAKC,UAAW,EAChBD,KAAKE,mBAAqB,SAGlCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBV,EAAYW,UAAW,gBAAY,GACtCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBZ,EAAYW,UAAW,0BAAsB"}
+{"version":3,"file":"signpost.element.js","sources":["../../../src/signpost/signpost.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport { CdsInternalPopup } from '@cds/core/internal-components/popup';\n/**\n * Signposts are dropdowns which default to having a pointer and a close\n * action. Like dropdowns, signposts are generic containers that are\n * designed to hold any type of content.\n *\n * ```typescript\n * import '@cds/core/signpost/register.js';\n * ```\n *\n * ```html\n * <cds-signpost>...</cds-signpost>\n * ```\n * @beta\n * @element cds-signpost\n * @slot - Content slot for the content inside the signpost\n * @event closeChange - Notify user when close event has occurred\n * @cssprop --active-corner-border-radius\n * @cssprop --background\n * @cssprop --backdrop-background\n * @cssprop --layered-backdrop-background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --box-shadow\n * @cssprop --close-button-offset\n * @cssprop --color\n * @cssprop --min-height\n * @cssprop --min-width\n * @cssprop --max-height\n * @cssprop --max-width\n * @cssprop --mobile-max-height\n * @cssprop --overflow - sets overflow x and y values respectively\n * @cssprop --height\n * @cssprop --width\n * @cssprop --animation-duration\n * @cssprop --animation-easing\n * @property trigger\n *\n */\nexport class CdsSignpost extends CdsInternalPopup {\n    constructor() {\n        super(...arguments);\n        this.closable = true;\n        this.defaultPointerType = 'angle';\n    }\n}\n__decorate([\n    property({ type: Boolean })\n], CdsSignpost.prototype, \"closable\", void 0);\n__decorate([\n    property({ type: String })\n], CdsSignpost.prototype, \"defaultPointerType\", void 0);\n"],"names":["CdsSignpost","CdsInternalPopup","constructor","super","this","closable","defaultPointerType","__decorate","property","type","Boolean","prototype","String"],"mappings":"wJA+CO,MAAMA,UAAoBC,EAC7BC,cACIC,oBACAC,KAAKC,UAAW,EAChBD,KAAKE,mBAAqB,SAGlCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,WAClBV,EAAYW,UAAW,gBAAY,GACtCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,UAClBZ,EAAYW,UAAW,0BAAsB"}

package/styles/module.layout.css

@@ -1,16 +1,16 @@
 @charset "UTF-8";
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
@@ -28,12 +28,12 @@
 }
 
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
@@ -151,7 +151,7 @@
   }
 }
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
@@ -597,7 +597,7 @@
   }
 }
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
@@ -999,7 +999,7 @@
   }
 }
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
@@ -3696,7 +3696,7 @@
   }
 }
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
@@ -3805,7 +3805,7 @@
 }
 
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
@@ -7655,7 +7655,7 @@
   }
 }
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */

package/styles/module.reset.css

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */

package/styles/module.typography.css

@@ -1,15 +1,15 @@
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
@@ -405,12 +405,12 @@ body[cds-text*=body]::before, body[cds-text*=body]::after {
 }
 
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */

package/styles/shim.clr-ui.css

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
@@ -200,7 +200,7 @@
   --clr-alert-info-icon-color: var(
     --clr-alert-info-font-color
   );
-  --clr-alert-info-close-icon-color: var(---clr-alert-info-font-color);
+  --clr-alert-info-close-icon-color: var(--clr-alert-info-font-color);
   --clr-alert-info-action-color: var(--clr-alert-info-font-color);
   --clr-alert-success-bg-color: var(--cds-alias-status-success-tint);
   --clr-alert-success-font-color: var(--cds-global-typography-color-400);
@@ -625,6 +625,9 @@
   );
   --clr-datagrid-detail-caret-icon-open-icon-color: var(--cds-global-color-gray-0);
   --clr-datagrid-placeholder-color: var(--cds-global-color-gray-700);
+  --clr-datagrid-loading-background: var(
+    --cds-alias-object-opacity-100
+  );
 }
 [cds-theme] .login-wrapper {
   --clr-login-background-color: var(--clr-global-app-background);
@@ -649,4 +652,16 @@
 [cds-theme] .btn-warning,
 [cds-theme] .btn-danger {
   --clr-btn-icon-disabled-color: var(--cds-global-typography-color-100);
+}
+
+[cds-theme~=light] {
+  --clr-vertical-nav-bg-color: var(--cds-global-color-gray-200);
+  --clr-vertical-nav-active-bg-color: var(--cds-global-color-gray-0);
+  --clr-vertical-nav-hover-bg-color: var(--cds-global-color-gray-400);
+}
+
+[cds-theme~=dark] {
+  --clr-datagrid-loading-background: var(
+    --cds-alias-object-opacity-300
+  );
 }

package/styles/shim.clr-ui.min.css

@@ -32,7 +32,7 @@
     --cds-alias-status-info
   );--clr-alert-info-icon-color:var(
     --clr-alert-info-font-color
-  );--clr-alert-info-close-icon-color:var(---clr-alert-info-font-color);--clr-alert-info-action-color:var(--clr-alert-info-font-color);--clr-alert-success-bg-color:var(--cds-alias-status-success-tint);--clr-alert-success-font-color:var(--cds-global-typography-color-400);--clr-alert-success-border-color:var(--cds-alias-status-success);--clr-alert-success-icon-color:var(--clr-alert-success-font-color);--clr-alert-success-close-icon-color:var(--clr-alert-success-font-color);--clr-alert-success-action-color:var(--clr-alert-success-font-color);--clr-alert-warning-bg-color:var(--cds-alias-status-warning-tint);--clr-alert-warning-font-color:var(--cds-global-color-construction-900);--clr-alert-warning-border-color:var(--cds-alias-status-warning);--clr-alert-warning-icon-color:var(--clr-alert-warning-font-color);--clr-alert-warning-close-icon-color:var(--clr-alert-warning-font-color);--clr-alert-warning-action-color:var(--clr-alert-warning-font-color);--clr-alert-danger-bg-color:var(--cds-alias-status-danger-tint);--clr-alert-danger-font-color:var(--cds-global-typography-color-400);--clr-alert-danger-border-color:var(--cds-alias-status-danger);--clr-alert-danger-icon-color:var(--clr-alert-danger-font-color);--clr-alert-danger-close-icon-color:var(--clr-alert-danger-font-color);--clr-alert-danger-action-color:var(--clr-alert-danger-font-color);--clr-app-alert-info-bg-color:var(--cds-alias-status-info);--clr-app-alert-info-font-color:var(--cds-global-typography-color-100);--clr-app-alert-info-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-active-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-hover-color:var(--clr-app-alert-info-font-color);--clr-app-alert-warning-bg-color:var(--cds-alias-status-warning);--clr-app-alert-warning-font-color:var(--cds-global-typography-color-500);--clr-app-alert-warning-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-close-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-active-color:var(
+  );--clr-alert-info-close-icon-color:var(--clr-alert-info-font-color);--clr-alert-info-action-color:var(--clr-alert-info-font-color);--clr-alert-success-bg-color:var(--cds-alias-status-success-tint);--clr-alert-success-font-color:var(--cds-global-typography-color-400);--clr-alert-success-border-color:var(--cds-alias-status-success);--clr-alert-success-icon-color:var(--clr-alert-success-font-color);--clr-alert-success-close-icon-color:var(--clr-alert-success-font-color);--clr-alert-success-action-color:var(--clr-alert-success-font-color);--clr-alert-warning-bg-color:var(--cds-alias-status-warning-tint);--clr-alert-warning-font-color:var(--cds-global-color-construction-900);--clr-alert-warning-border-color:var(--cds-alias-status-warning);--clr-alert-warning-icon-color:var(--clr-alert-warning-font-color);--clr-alert-warning-close-icon-color:var(--clr-alert-warning-font-color);--clr-alert-warning-action-color:var(--clr-alert-warning-font-color);--clr-alert-danger-bg-color:var(--cds-alias-status-danger-tint);--clr-alert-danger-font-color:var(--cds-global-typography-color-400);--clr-alert-danger-border-color:var(--cds-alias-status-danger);--clr-alert-danger-icon-color:var(--clr-alert-danger-font-color);--clr-alert-danger-close-icon-color:var(--clr-alert-danger-font-color);--clr-alert-danger-action-color:var(--clr-alert-danger-font-color);--clr-app-alert-info-bg-color:var(--cds-alias-status-info);--clr-app-alert-info-font-color:var(--cds-global-typography-color-100);--clr-app-alert-info-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-active-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-hover-color:var(--clr-app-alert-info-font-color);--clr-app-alert-warning-bg-color:var(--cds-alias-status-warning);--clr-app-alert-warning-font-color:var(--cds-global-typography-color-500);--clr-app-alert-warning-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-close-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-active-color:var(
     --clr-app-alert-warning-font-color
   );--clr-app-alert-warning-close-icon-hover-color:var(
     --clr-app-alert-warning-font-color
@@ -120,4 +120,8 @@
     --cds-alias-object-interaction-background-highlight
   );--clr-datagrid-detail-caret-icon-open-bg-color:var(
     --cds-alias-object-interaction-background-highlight
-  );--clr-datagrid-detail-caret-icon-open-icon-color:var(--cds-global-color-gray-0);--clr-datagrid-placeholder-color:var(--cds-global-color-gray-700)}[cds-theme] .login-wrapper{--clr-login-background-color:var(--clr-global-app-background);--clr-login-title-color:var(--clr-h1-color);--clr-login-error-background-color:var(--clr-alert-danger-bg-color)}[cds-theme] .login-wrapper .login .login-group .error{color:var(--clr-alert-danger-font-color);border:1px solid var(--clr-alert-danger-border-color)}[cds-theme] .btn:not([disabled]):active,[cds-theme] .btn:not([disabled]):focus,[cds-theme] .btn:not([disabled]):hover{filter:brightness(90%)}[cds-theme] .btn.disabled,[cds-theme] .btn:disabled{opacity:1}[cds-theme] .btn-danger,[cds-theme] .btn-primary,[cds-theme] .btn-success,[cds-theme] .btn-warning{--clr-btn-icon-disabled-color:var(--cds-global-typography-color-100)}
+  );--clr-datagrid-detail-caret-icon-open-icon-color:var(--cds-global-color-gray-0);--clr-datagrid-placeholder-color:var(--cds-global-color-gray-700);--clr-datagrid-loading-background:var(
+    --cds-alias-object-opacity-100
+  )}[cds-theme] .login-wrapper{--clr-login-background-color:var(--clr-global-app-background);--clr-login-title-color:var(--clr-h1-color);--clr-login-error-background-color:var(--clr-alert-danger-bg-color)}[cds-theme] .login-wrapper .login .login-group .error{color:var(--clr-alert-danger-font-color);border:1px solid var(--clr-alert-danger-border-color)}[cds-theme] .btn:not([disabled]):active,[cds-theme] .btn:not([disabled]):focus,[cds-theme] .btn:not([disabled]):hover{filter:brightness(90%)}[cds-theme] .btn.disabled,[cds-theme] .btn:disabled{opacity:1}[cds-theme] .btn-danger,[cds-theme] .btn-primary,[cds-theme] .btn-success,[cds-theme] .btn-warning{--clr-btn-icon-disabled-color:var(--cds-global-typography-color-100)}[cds-theme~=light]{--clr-vertical-nav-bg-color:var(--cds-global-color-gray-200);--clr-vertical-nav-active-bg-color:var(--cds-global-color-gray-0);--clr-vertical-nav-hover-bg-color:var(--cds-global-color-gray-400)}[cds-theme~=dark]{--clr-datagrid-loading-background:var(
+    --cds-alias-object-opacity-300
+  )}

package/styles/theme.dark.css

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */

package/styles/theme.high-contrast.css

@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */

package/styles/theme.low-motion.css

@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */

package/table/table.css

@@ -1,10 +1,10 @@
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 /*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */

package/tag/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/tag/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { timesIcon } from '@cds/core/icon/shapes/times.js';\nimport { CdsTag } from './tag.element.js';\nregisterElementSafely('cds-tag', CdsTag);\nClarityIcons.addIcons(timesIcon);\n"],"names":["registerElementSafely","CdsTag","ClarityIcons","addIcons","timesIcon"],"mappings":"8NASAA,EAAsB,UAAWC,GACjCC,EAAaC,SAASC"}
+{"version":3,"file":"register.js","sources":["../../../src/tag/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { timesIcon } from '@cds/core/icon/shapes/times.js';\nimport { CdsTag } from './tag.element.js';\nregisterElementSafely('cds-tag', CdsTag);\nClarityIcons.addIcons(timesIcon);\n"],"names":["registerElementSafely","CdsTag","ClarityIcons","addIcons","timesIcon"],"mappings":"8NASAA,EAAsB,UAAWC,GACjCC,EAAaC,SAASC"}

package/tag/tag.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.element.js","sources":["../../../src/tag/tag.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { baseStyles, CdsBaseButton, id, property, querySlot, syncProps } from '@cds/core/internal';\nimport styles from './tag.element.scss';\n/**\n * Tags show concise metadata in a compact format.\n * Tags are visually styled to differentiate them from buttons.\n *\n * ```typescript\n * import '@cds/core/tag/register.js';\n * ```\n *\n * ```html\n * <cds-tag status=\"info\">Info</cds-tag>\n * ```\n *\n * @element cds-tag\n * @slot - Content slot for inside the tag\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --size\n */\nexport class CdsTag extends CdsBaseButton {\n    constructor() {\n        super(...arguments);\n        /**\n         * Sets the color of the tag (and badge if present) from the following predefined list of statuses:\n         * @type {neutral | info | success | warning | danger}\n         */\n        this.status = 'neutral';\n        /** If present, shows a close icon to one side of the tag.\n         *  Note that applications must wire up the action to remove the tag on click and also\n         *  that you cannot have a clickable AND closable tag. The closable attribute-property\n         *  shows the close icon. What happens when the tag is clicked is for application developers\n         *  to decide.\n         *  If closable is present, the tag will be considered \"clickable\".\n         */\n        this.closable = false;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    updated(props) {\n        super.updated(props);\n        if (props.has('closable') && props.get('closable') === true) {\n            this.readonly = false;\n        }\n        if (this.badge) {\n            syncProps(this.badge, this, { status: props.has('status'), color: props.has('color') });\n        }\n    }\n    render() {\n        return html `\n      <div\n        class=\"private-host\"\n        role=\"group\"\n        aria-labelledby=\"${this.groupLabelId}\"\n        cds-layout=\"horizontal align:center wrap:none\"\n      >\n        <slot name=\"tag-icon\"></slot>\n        <span id=\"${this.groupLabelId}\" class=\"tag-content\" cds-text=\"lhe\"><slot></slot></span>\n        <slot name=\"tag-badge\"></slot>\n        ${this.closable ? html `<cds-icon shape=\"times\"></cds-icon>` : html ``}\n      </div>\n    `;\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsTag.prototype, \"status\", void 0);\n__decorate([\n    property({ type: String })\n], CdsTag.prototype, \"color\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsTag.prototype, \"closable\", void 0);\n__decorate([\n    id()\n], CdsTag.prototype, \"groupLabelId\", void 0);\n__decorate([\n    querySlot('cds-icon', { assign: 'tag-icon' })\n], CdsTag.prototype, \"icon\", void 0);\n__decorate([\n    querySlot('cds-badge', { assign: 'tag-badge' })\n], CdsTag.prototype, \"badge\", void 0);\n"],"names":["CdsTag","CdsBaseButton","constructor","super","this","status","closable","styles","baseStyles","updated","props","has","get","readonly","badge","syncProps","color","render","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id","querySlot","assign"],"mappings":"0NAgCO,MAAMA,UAAeC,EACxBC,cACIC,oBAKAC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAETC,oBACP,MAAO,CAACC,EAAYD,GAExBE,QAAQC,GACJP,MAAMM,QAAQC,GACVA,EAAMC,IAAI,cAAyC,IAA1BD,EAAME,IAAI,cACnCR,KAAKS,UAAW,GAEhBT,KAAKU,OACLC,EAAUX,KAAKU,MAAOV,KAAM,CAAEC,OAAQK,EAAMC,IAAI,UAAWK,MAAON,EAAMC,IAAI,WAGpFM,SACI,OAAOC,CAAK,2DAIOd,KAAKe,uGAIZf,KAAKe,sGAEff,KAAKE,SAAWY,CAAK,sCAAwCA,CAAK,YAK5EE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,cAAU,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,aAAS,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBzB,EAAOwB,UAAW,gBAAY,GACjCJ,EAAW,CACPM,KACD1B,EAAOwB,UAAW,oBAAgB,GACrCJ,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,cACjC5B,EAAOwB,UAAW,YAAQ,GAC7BJ,EAAW,CACPO,EAAU,YAAa,CAAEC,OAAQ,eAClC5B,EAAOwB,UAAW,aAAS"}
+{"version":3,"file":"tag.element.js","sources":["../../../src/tag/tag.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { baseStyles, CdsBaseButton, id, property, querySlot, syncProps } from '@cds/core/internal';\nimport styles from './tag.element.scss';\n/**\n * Tags show concise metadata in a compact format.\n * Tags are visually styled to differentiate them from buttons.\n *\n * ```typescript\n * import '@cds/core/tag/register.js';\n * ```\n *\n * ```html\n * <cds-tag status=\"info\">Info</cds-tag>\n * ```\n *\n * @element cds-tag\n * @slot - Content slot for inside the tag\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --size\n */\nexport class CdsTag extends CdsBaseButton {\n    constructor() {\n        super(...arguments);\n        /**\n         * Sets the color of the tag (and badge if present) from the following predefined list of statuses:\n         * @type {neutral | info | success | warning | danger}\n         */\n        this.status = 'neutral';\n        /** If present, shows a close icon to one side of the tag.\n         *  Note that applications must wire up the action to remove the tag on click and also\n         *  that you cannot have a clickable AND closable tag. The closable attribute-property\n         *  shows the close icon. What happens when the tag is clicked is for application developers\n         *  to decide.\n         *  If closable is present, the tag will be considered \"clickable\".\n         */\n        this.closable = false;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    updated(props) {\n        super.updated(props);\n        if (props.has('closable') && props.get('closable') === true) {\n            this.readonly = false;\n        }\n        if (this.badge) {\n            syncProps(this.badge, this, { status: props.has('status'), color: props.has('color') });\n        }\n    }\n    render() {\n        return html `\n      <div\n        class=\"private-host\"\n        role=\"group\"\n        aria-labelledby=\"${this.groupLabelId}\"\n        cds-layout=\"horizontal align:center wrap:none\"\n      >\n        <slot name=\"tag-icon\"></slot>\n        <span id=\"${this.groupLabelId}\" class=\"tag-content\" cds-text=\"lhe\"><slot></slot></span>\n        <slot name=\"tag-badge\"></slot>\n        ${this.closable ? html `<cds-icon shape=\"times\"></cds-icon>` : html ``}\n      </div>\n    `;\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsTag.prototype, \"status\", void 0);\n__decorate([\n    property({ type: String })\n], CdsTag.prototype, \"color\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsTag.prototype, \"closable\", void 0);\n__decorate([\n    id()\n], CdsTag.prototype, \"groupLabelId\", void 0);\n__decorate([\n    querySlot('cds-icon', { assign: 'tag-icon' })\n], CdsTag.prototype, \"icon\", void 0);\n__decorate([\n    querySlot('cds-badge', { assign: 'tag-badge' })\n], CdsTag.prototype, \"badge\", void 0);\n"],"names":["CdsTag","CdsBaseButton","constructor","super","this","status","closable","styles","baseStyles","updated","props","has","get","readonly","badge","syncProps","color","render","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id","querySlot","assign"],"mappings":"0NAgCO,MAAMA,UAAeC,EACxBC,cACIC,oBAKAC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAETC,oBACP,MAAO,CAACC,EAAYD,GAExBE,QAAQC,GACJP,MAAMM,QAAQC,GACVA,EAAMC,IAAI,cAAyC,IAA1BD,EAAME,IAAI,cACnCR,KAAKS,UAAW,GAEhBT,KAAKU,OACLC,EAAUX,KAAKU,MAAOV,KAAM,CAAEC,OAAQK,EAAMC,IAAI,UAAWK,MAAON,EAAMC,IAAI,WAGpFM,SACI,OAAOC,CAAK,2DAIOd,KAAKe,uGAIZf,KAAKe,sGAEff,KAAKE,SAAWY,CAAK,sCAAwCA,CAAK,YAK5EE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,cAAU,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,aAAS,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBzB,EAAOwB,UAAW,gBAAY,GACjCJ,EAAW,CACPM,KACD1B,EAAOwB,UAAW,oBAAgB,GACrCJ,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,cACjC5B,EAAOwB,UAAW,YAAQ,GAC7BJ,EAAW,CACPO,EAAU,YAAa,CAAEC,OAAQ,eAClC5B,EAAOwB,UAAW,aAAS"}

package/test/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { render } from 'lit';\nexport function createTestElement(template) {\n    const element = document.createElement('div');\n    document.body.appendChild(element);\n    if (template) {\n        render(template, element);\n    }\n    return Promise.all(Array.from(document.querySelectorAll(':not(:defined)')).map(el => customElements.whenDefined(el.tagName))).then(() => element);\n}\nexport function removeTestElement(element) {\n    element.remove();\n}\nexport function getComponentSlotContent(component) {\n    return Array.from(component.shadowRoot?.querySelectorAll('slot')).reduce((acc, slot) => {\n        const name = slot.name.length > 0 ? slot.name : 'default';\n        acc[name] = slot.assignedNodes().reduce((p, n) => {\n            let returnDom = n.outerHTML;\n            returnDom = n.outerHTML ? n.outerHTML : n.textContent.trim();\n            return p + (returnDom ? returnDom : '');\n        }, '');\n        return acc;\n    }, {});\n}\nfunction retry(fn, maxTries = 10, promise, promiseObject = {\n    resolve: null,\n    reject: null,\n}) {\n    maxTries--;\n    promise =\n        promise ||\n            new Promise((resolve, reject) => {\n                promiseObject.resolve = resolve;\n                promiseObject.reject = reject;\n            });\n    fn()\n        .then((result) => {\n        promiseObject.resolve(result);\n    })\n        .catch(() => {\n        if (maxTries > 0) {\n            retry(fn, maxTries, promise, promiseObject);\n        }\n        else {\n            promiseObject.reject('Max attempts reached');\n        }\n    });\n    return promise;\n}\nexport function componentIsStable(component) {\n    return retry(() => \n    // eslint-disable-next-line no-async-promise-executor\n    new Promise(async (resolve, reject) => {\n        const stable = await component.updateComplete;\n        if (stable) {\n            resolve('success');\n        }\n        else {\n            reject('error');\n        }\n    }));\n}\n// Full set of mouse events, generated on click\nexport function emulatedClick(component) {\n    const event1 = new MouseEvent('mousedown');\n    const event2 = new MouseEvent('mouseup');\n    const event3 = new MouseEvent('click');\n    component.dispatchEvent(event1);\n    component.dispatchEvent(event2);\n    component.dispatchEvent(event3);\n}\n/** helpful for capturing a single event in a async test rather than Jasmine `done()` */\nexport function onceEvent(element, event) {\n    return new Promise(resolve => {\n        element.addEventListener(event, e => resolve(e));\n    });\n}\n"],"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","shadowRoot","reduce","acc","slot","name","length","assignedNodes","p","n","returnDom","outerHTML","textContent","trim","retry","fn","maxTries","promise","promiseObject","resolve","reject","result","catch","componentIsStable","async","updateComplete","emulatedClick","event1","MouseEvent","event2","event3","dispatchEvent","onceEvent","event","addEventListener","e"],"mappings":"6BAMO,SAASA,EAAkBC,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OAKvC,OAJAD,SAASE,KAAKC,YAAYJ,GACtBD,GACAM,EAAON,EAAUC,GAEdM,QAAQC,IAAIC,MAAMC,KAAKR,SAASS,iBAAiB,mBAAmBC,KAAIC,GAAMC,eAAeC,YAAYF,EAAGG,YAAWC,MAAK,IAAMhB,IAEtI,SAASiB,EAAkBjB,GAC9BA,EAAQkB,SAEL,SAASC,EAAwBC,GACpC,OAAOZ,MAAMC,KAAKW,EAAUC,YAAYX,iBAAiB,SAASY,QAAO,CAACC,EAAKC,KAE3ED,EADaC,EAAKC,KAAKC,OAAS,EAAIF,EAAKC,KAAO,WACpCD,EAAKG,gBAAgBL,QAAO,CAACM,EAAGC,KACxC,IAAIC,EAAYD,EAAEE,UAElB,OADAD,EAAYD,EAAEE,UAAYF,EAAEE,UAAYF,EAAEG,YAAYC,OAC/CL,GAAKE,GAAwB,MACrC,IACIP,IACR,IAEP,SAASW,EAAMC,EAAIC,EAAW,GAAIC,EAASC,EAAgB,CACvDC,QAAS,KACTC,OAAQ,OAqBR,OAnBAJ,IACAC,EACIA,GACI,IAAI/B,SAAQ,CAACiC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKnB,MAAMyB,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBvB,GAC9B,OAAOc,GAAM,IAEb,IAAI5B,SAAQsC,MAAOL,EAASC,WACHpB,EAAUyB,eAE3BN,EAAQ,WAGRC,EAAO,cAKZ,SAASM,EAAc1B,GAC1B,MAAM2B,EAAS,IAAIC,WAAW,aACxBC,EAAS,IAAID,WAAW,WACxBE,EAAS,IAAIF,WAAW,SAC9B5B,EAAU+B,cAAcJ,GACxB3B,EAAU+B,cAAcF,GACxB7B,EAAU+B,cAAcD,GAGrB,SAASE,EAAUpD,EAASqD,GAC/B,OAAO,IAAI/C,SAAQiC,IACfvC,EAAQsD,iBAAiBD,GAAOE,GAAKhB,EAAQgB"}
+{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { render } from 'lit';\nexport function createTestElement(template) {\n    const element = document.createElement('div');\n    document.body.appendChild(element);\n    if (template) {\n        render(template, element);\n    }\n    return Promise.all(Array.from(document.querySelectorAll(':not(:defined)')).map(el => customElements.whenDefined(el.tagName))).then(() => element);\n}\nexport function removeTestElement(element) {\n    element.remove();\n}\nexport function getComponentSlotContent(component) {\n    return Array.from(component.shadowRoot?.querySelectorAll('slot')).reduce((acc, slot) => {\n        const name = slot.name.length > 0 ? slot.name : 'default';\n        acc[name] = slot.assignedNodes().reduce((p, n) => {\n            let returnDom = n.outerHTML;\n            returnDom = n.outerHTML ? n.outerHTML : n.textContent.trim();\n            return p + (returnDom ? returnDom : '');\n        }, '');\n        return acc;\n    }, {});\n}\nfunction retry(fn, maxTries = 10, promise, promiseObject = {\n    resolve: null,\n    reject: null,\n}) {\n    maxTries--;\n    promise =\n        promise ||\n            new Promise((resolve, reject) => {\n                promiseObject.resolve = resolve;\n                promiseObject.reject = reject;\n            });\n    fn()\n        .then((result) => {\n        promiseObject.resolve(result);\n    })\n        .catch(() => {\n        if (maxTries > 0) {\n            retry(fn, maxTries, promise, promiseObject);\n        }\n        else {\n            promiseObject.reject('Max attempts reached');\n        }\n    });\n    return promise;\n}\nexport function componentIsStable(component) {\n    return retry(() => \n    // eslint-disable-next-line no-async-promise-executor\n    new Promise(async (resolve, reject) => {\n        const stable = await component.updateComplete;\n        if (stable) {\n            resolve('success');\n        }\n        else {\n            reject('error');\n        }\n    }));\n}\n// Full set of mouse events, generated on click\nexport function emulatedClick(component) {\n    const event1 = new MouseEvent('mousedown');\n    const event2 = new MouseEvent('mouseup');\n    const event3 = new MouseEvent('click');\n    component.dispatchEvent(event1);\n    component.dispatchEvent(event2);\n    component.dispatchEvent(event3);\n}\n/** helpful for capturing a single event in a async test rather than Jasmine `done()` */\nexport function onceEvent(element, event) {\n    return new Promise(resolve => {\n        element.addEventListener(event, e => resolve(e));\n    });\n}\n"],"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","shadowRoot","reduce","acc","slot","name","length","assignedNodes","p","n","returnDom","outerHTML","textContent","trim","retry","fn","maxTries","promise","promiseObject","resolve","reject","result","catch","componentIsStable","async","updateComplete","emulatedClick","event1","MouseEvent","event2","event3","dispatchEvent","onceEvent","event","addEventListener","e"],"mappings":"6BAMO,SAASA,EAAkBC,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OAKvC,OAJAD,SAASE,KAAKC,YAAYJ,GACtBD,GACAM,EAAON,EAAUC,GAEdM,QAAQC,IAAIC,MAAMC,KAAKR,SAASS,iBAAiB,mBAAmBC,KAAIC,GAAMC,eAAeC,YAAYF,EAAGG,YAAWC,MAAK,IAAMhB,IAEtI,SAASiB,EAAkBjB,GAC9BA,EAAQkB,SAEL,SAASC,EAAwBC,GACpC,OAAOZ,MAAMC,KAAKW,EAAUC,YAAYX,iBAAiB,SAASY,QAAO,CAACC,EAAKC,KAE3ED,EADaC,EAAKC,KAAKC,OAAS,EAAIF,EAAKC,KAAO,WACpCD,EAAKG,gBAAgBL,QAAO,CAACM,EAAGC,KACxC,IAAIC,EAAYD,EAAEE,UAElB,OADAD,EAAYD,EAAEE,UAAYF,EAAEE,UAAYF,EAAEG,YAAYC,OAC/CL,GAAKE,GAAwB,MACrC,IACIP,IACR,IAEP,SAASW,EAAMC,EAAIC,EAAW,GAAIC,EAASC,EAAgB,CACvDC,QAAS,KACTC,OAAQ,OAqBR,OAnBAJ,IACAC,EACIA,GACI,IAAI/B,SAAQ,CAACiC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKnB,MAAMyB,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBvB,GAC9B,OAAOc,GAAM,IAEb,IAAI5B,SAAQsC,MAAOL,EAASC,WACHpB,EAAUyB,eAE3BN,EAAQ,WAGRC,EAAO,cAKZ,SAASM,EAAc1B,GAC1B,MAAM2B,EAAS,IAAIC,WAAW,aACxBC,EAAS,IAAID,WAAW,WACxBE,EAAS,IAAIF,WAAW,SAC9B5B,EAAU+B,cAAcJ,GACxB3B,EAAU+B,cAAcF,GACxB7B,EAAU+B,cAAcD,GAGrB,SAASE,EAAUpD,EAASqD,GAC/B,OAAO,IAAI/C,SAAQiC,IACfvC,EAAQsD,iBAAiBD,GAAOE,GAAKhB,EAAQgB"}

package/test/web-test-server.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-test-server.js","sources":["../../../src/test/web-test-server.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nexport function getA11ySnapshotNodes(node) {\n    node.children = node.children ? node.children : [];\n    return node.children\n        .reduce((prev, next) => [...prev, ...getA11ySnapshotNodes(next)], [node])\n        .map(node => {\n        delete node.children;\n        return node;\n    });\n}\n"],"names":["getA11ySnapshotNodes","node","children","reduce","prev","next","map"],"mappings":"AAKO,SAASA,EAAqBC,GAEjC,OADAA,EAAKC,SAAWD,EAAKC,SAAWD,EAAKC,SAAW,GACzCD,EAAKC,SACPC,QAAO,CAACC,EAAMC,IAAS,IAAID,KAASJ,EAAqBK,KAAQ,CAACJ,IAClEK,KAAIL,WACEA,EAAKC,SACLD"}
+{"version":3,"file":"web-test-server.js","sources":["../../../src/test/web-test-server.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nexport function getA11ySnapshotNodes(node) {\n    node.children = node.children ? node.children : [];\n    return node.children\n        .reduce((prev, next) => [...prev, ...getA11ySnapshotNodes(next)], [node])\n        .map(node => {\n        delete node.children;\n        return node;\n    });\n}\n"],"names":["getA11ySnapshotNodes","node","children","reduce","prev","next","map"],"mappings":"AAKO,SAASA,EAAqBC,GAEjC,OADAA,EAAKC,SAAWD,EAAKC,SAAWD,EAAKC,SAAW,GACzCD,EAAKC,SACPC,QAAO,CAACC,EAAMC,IAAS,IAAID,KAASJ,EAAqBK,KAAQ,CAACJ,IAClEK,KAAIL,WACEA,EAAKC,SACLD"}

package/test-dropdown/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/test-dropdown/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsTestDropdown } from './test-dropdown.element.js';\nregisterElementSafely('cds-test-dropdown', CdsTestDropdown);\n"],"names":["registerElementSafely","CdsTestDropdown"],"mappings":"wHAOAA,EAAsB,oBAAqBC"}
+{"version":3,"file":"register.js","sources":["../../../src/test-dropdown/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsTestDropdown } from './test-dropdown.element.js';\nregisterElementSafely('cds-test-dropdown', CdsTestDropdown);\n"],"names":["registerElementSafely","CdsTestDropdown"],"mappings":"wHAOAA,EAAsB,oBAAqBC"}

package/test-dropdown/test-dropdown.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-dropdown.element.js","sources":["../../../src/test-dropdown/test-dropdown.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { baseStyles, I18nService, event, property } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport styles from './test-dropdown.element.scss';\n/**\n * Dropdown, example test component. Do not use in production.\n *\n * ```typescript\n * import '@cds/core/test-dropdown';\n * ```\n *\n * ```html\n * <cds-test-dropdown label=\"click me!\">\n *   Hello World\n * </cds-test-dropdown>\n * ```\n *\n * @slot - Content slot for dropdown content\n * @event {boolean} openChange - notify open state change of dropdown\n * @cssprop --border-color\n * @cssprop --background-color\n * @cssprop --text-color\n */\nexport class CdsTestDropdown extends LitElement {\n    constructor() {\n        super(...arguments);\n        this._open = false;\n        /** Set the dropdown button text */\n        this.label = 'dropdown';\n    }\n    get open() {\n        return this._open;\n    }\n    /** Set open to open or close the dropdown */\n    set open(value) {\n        if (value !== this._open) {\n            const old = this._open;\n            this._open = value;\n            this.requestUpdate('open', old);\n            this.openChange.emit(this.open);\n        }\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    render() {\n        return html `\n      <div class=\"dropdown\">\n        <button @click=\"${() => this.toggle()}\" class=\"btn\">${this.label}</button>\n        ${this.open\n            ? html ` <div>\n              ${I18nService.keys.dropdown.open}\n              <slot></slot>\n            </div>`\n            : ''}\n      </div>\n    `;\n    }\n    /** Toggle the current open state of the dropdown */\n    toggle() {\n        this.open = !this.open;\n    }\n}\n__decorate([\n    event()\n], CdsTestDropdown.prototype, \"openChange\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsTestDropdown.prototype, \"open\", null);\n__decorate([\n    property({ type: String })\n], CdsTestDropdown.prototype, \"label\", void 0);\n"],"names":["CdsTestDropdown","LitElement","constructor","super","this","_open","label","open","value","old","requestUpdate","openChange","emit","styles","baseStyles","render","html","toggle","I18nService","keys","dropdown","__decorate","event","prototype","property","type","Boolean","String"],"mappings":"uNA4BO,MAAMA,UAAwBC,EACjCC,cACIC,oBACAC,KAAKC,OAAQ,EAEbD,KAAKE,MAAQ,WAEbC,WACA,OAAOH,KAAKC,MAGZE,SAAKC,GACL,GAAIA,IAAUJ,KAAKC,MAAO,CACtB,MAAMI,EAAML,KAAKC,MACjBD,KAAKC,MAAQG,EACbJ,KAAKM,cAAc,OAAQD,GAC3BL,KAAKO,WAAWC,KAAKR,KAAKG,OAGvBM,oBACP,MAAO,CAACC,EAAYD,GAExBE,SACI,OAAOC,CAAK,yCAEM,IAAMZ,KAAKa,yBAAyBb,KAAKE,kBACzDF,KAAKG,KACDS,CAAK,QACHE,EAAYC,KAAKC,SAASb,0BAG5B,WAKVU,SACIb,KAAKG,MAAQH,KAAKG,MAG1Bc,EAAW,CACPC,KACDtB,EAAgBuB,UAAW,kBAAc,GAC5CF,EAAW,CACPG,EAAS,CAAEC,KAAMC,WAClB1B,EAAgBuB,UAAW,OAAQ,MACtCF,EAAW,CACPG,EAAS,CAAEC,KAAME,UAClB3B,EAAgBuB,UAAW,aAAS"}
+{"version":3,"file":"test-dropdown.element.js","sources":["../../../src/test-dropdown/test-dropdown.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { baseStyles, I18nService, event, property } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport styles from './test-dropdown.element.scss';\n/**\n * Dropdown, example test component. Do not use in production.\n *\n * ```typescript\n * import '@cds/core/test-dropdown';\n * ```\n *\n * ```html\n * <cds-test-dropdown label=\"click me!\">\n *   Hello World\n * </cds-test-dropdown>\n * ```\n *\n * @slot - Content slot for dropdown content\n * @event {boolean} openChange - notify open state change of dropdown\n * @cssprop --border-color\n * @cssprop --background-color\n * @cssprop --text-color\n */\nexport class CdsTestDropdown extends LitElement {\n    constructor() {\n        super(...arguments);\n        this._open = false;\n        /** Set the dropdown button text */\n        this.label = 'dropdown';\n    }\n    get open() {\n        return this._open;\n    }\n    /** Set open to open or close the dropdown */\n    set open(value) {\n        if (value !== this._open) {\n            const old = this._open;\n            this._open = value;\n            this.requestUpdate('open', old);\n            this.openChange.emit(this.open);\n        }\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    render() {\n        return html `\n      <div class=\"dropdown\">\n        <button @click=\"${() => this.toggle()}\" class=\"btn\">${this.label}</button>\n        ${this.open\n            ? html ` <div>\n              ${I18nService.keys.dropdown.open}\n              <slot></slot>\n            </div>`\n            : ''}\n      </div>\n    `;\n    }\n    /** Toggle the current open state of the dropdown */\n    toggle() {\n        this.open = !this.open;\n    }\n}\n__decorate([\n    event()\n], CdsTestDropdown.prototype, \"openChange\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsTestDropdown.prototype, \"open\", null);\n__decorate([\n    property({ type: String })\n], CdsTestDropdown.prototype, \"label\", void 0);\n"],"names":["CdsTestDropdown","LitElement","constructor","super","this","_open","label","open","value","old","requestUpdate","openChange","emit","styles","baseStyles","render","html","toggle","I18nService","keys","dropdown","__decorate","event","prototype","property","type","Boolean","String"],"mappings":"uNA4BO,MAAMA,UAAwBC,EACjCC,cACIC,oBACAC,KAAKC,OAAQ,EAEbD,KAAKE,MAAQ,WAEbC,WACA,OAAOH,KAAKC,MAGZE,SAAKC,GACL,GAAIA,IAAUJ,KAAKC,MAAO,CACtB,MAAMI,EAAML,KAAKC,MACjBD,KAAKC,MAAQG,EACbJ,KAAKM,cAAc,OAAQD,GAC3BL,KAAKO,WAAWC,KAAKR,KAAKG,OAGvBM,oBACP,MAAO,CAACC,EAAYD,GAExBE,SACI,OAAOC,CAAK,yCAEM,IAAMZ,KAAKa,yBAAyBb,KAAKE,kBACzDF,KAAKG,KACDS,CAAK,QACHE,EAAYC,KAAKC,SAASb,0BAG5B,WAKVU,SACIb,KAAKG,MAAQH,KAAKG,MAG1Bc,EAAW,CACPC,KACDtB,EAAgBuB,UAAW,kBAAc,GAC5CF,EAAW,CACPG,EAAS,CAAEC,KAAMC,WAClB1B,EAAgBuB,UAAW,OAAQ,MACtCF,EAAW,CACPG,EAAS,CAAEC,KAAME,UAClB3B,EAAgBuB,UAAW,aAAS"}

package/textarea/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/textarea/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsTextarea } from './textarea.element.js';\nimport '@cds/core/forms/register.js';\nregisterElementSafely('cds-textarea', CdsTextarea);\n"],"names":["registerElementSafely","CdsTextarea"],"mappings":"mJAQAA,EAAsB,eAAgBC"}
+{"version":3,"file":"register.js","sources":["../../../src/textarea/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsTextarea } from './textarea.element.js';\nimport '@cds/core/forms/register.js';\nregisterElementSafely('cds-textarea', CdsTextarea);\n"],"names":["registerElementSafely","CdsTextarea"],"mappings":"mJAQAA,EAAsB,eAAgBC"}

package/textarea/textarea.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.element.js","sources":["../../../src/textarea/textarea.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { CdsControl } from '@cds/core/forms';\nimport styles from './textarea.element.scss';\n/**\n * Form\n *\n * ```typescript\n * import '@cds/core/textarea/register.js';\n * ```\n *\n * ```html\n * <cds-textarea>\n *   <label>textarea</label>\n *   <textarea></textarea>\n *   <cds-control-message>message text</cds-control-message>\n * </cds-textarea>\n * ```\n * @element cds-textarea\n * @slot - For projecting cds-inputs\n * @cssprop --background\n * @cssprop --border\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --border-radius\n */\nexport class CdsTextarea extends CdsControl {\n    constructor() {\n        super(...arguments);\n        this.supportsPrefixSuffixActions = false;\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n}\n"],"names":["CdsTextarea","CdsControl","constructor","super","this","supportsPrefixSuffixActions","styles"],"mappings":"uFA8BO,MAAMA,UAAoBC,EAC7BC,cACIC,oBACAC,KAAKC,6BAA8B,EAE5BC,oBACP,MAAO,IAAIH,MAAMG,OAAQA"}
+{"version":3,"file":"textarea.element.js","sources":["../../../src/textarea/textarea.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { CdsControl } from '@cds/core/forms';\nimport styles from './textarea.element.scss';\n/**\n * Form\n *\n * ```typescript\n * import '@cds/core/textarea/register.js';\n * ```\n *\n * ```html\n * <cds-textarea>\n *   <label>textarea</label>\n *   <textarea></textarea>\n *   <cds-control-message>message text</cds-control-message>\n * </cds-textarea>\n * ```\n * @element cds-textarea\n * @slot - For projecting cds-inputs\n * @cssprop --background\n * @cssprop --border\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --border-radius\n */\nexport class CdsTextarea extends CdsControl {\n    constructor() {\n        super(...arguments);\n        this.supportsPrefixSuffixActions = false;\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n}\n"],"names":["CdsTextarea","CdsControl","constructor","super","this","supportsPrefixSuffixActions","styles"],"mappings":"uFA8BO,MAAMA,UAAoBC,EAC7BC,cACIC,oBACAC,KAAKC,6BAA8B,EAE5BC,oBACP,MAAO,IAAIH,MAAMG,OAAQA"}

package/time/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/time/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsTime } from './time.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/button-action/register.js';\nimport '@cds/core/icon/register.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { clockIcon } from '@cds/core/icon/shapes/clock.js';\nClarityIcons.addIcons(clockIcon);\nregisterElementSafely('cds-time', CdsTime);\n"],"names":["ClarityIcons","addIcons","clockIcon","registerElementSafely","CdsTime"],"mappings":"mVAYAA,EAAaC,SAASC,GACtBC,EAAsB,WAAYC"}
+{"version":3,"file":"register.js","sources":["../../../src/time/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsTime } from './time.element.js';\nimport '@cds/core/forms/register.js';\nimport '@cds/core/button-action/register.js';\nimport '@cds/core/icon/register.js';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { clockIcon } from '@cds/core/icon/shapes/clock.js';\nClarityIcons.addIcons(clockIcon);\nregisterElementSafely('cds-time', CdsTime);\n"],"names":["ClarityIcons","addIcons","clockIcon","registerElementSafely","CdsTime"],"mappings":"mVAYAA,EAAaC,SAASC,GACtBC,EAAsB,WAAYC"}

package/time/time.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.element.js","sources":["../../../src/time/time.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { globalStyle } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport globalStyles from './time.global.scss';\n/**\n * Time Input\n *\n * ```typescript\n * import '@cds/core/time/register.js';\n * ```\n *\n * ```html\n * <cds-time>\n *   <label>time</label>\n *   <input type=\"time\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-time>\n * ```\n *\n * @element cds-time\n * @slot - For projecting time input and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsTime extends CdsControl {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = globalStyles;\n    }\n    get suffixDefaultTemplate() {\n        return html `<cds-button-action shape=\"clock\" readonly></cds-button-action>`;\n    }\n    static get styles() {\n        return [...super.styles, inputStyles];\n    }\n}\n__decorate([\n    globalStyle()\n], CdsTime.prototype, \"globalStyles\", void 0);\n"],"names":["CdsTime","CdsControl","constructor","super","this","globalStyles","suffixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"+OAuCO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,aAAeA,EAEpBC,4BACA,OAAOC,CAAK,4EAELC,oBACP,MAAO,IAAIL,MAAMK,OAAQC,IAGjCC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}
+{"version":3,"file":"time.element.js","sources":["../../../src/time/time.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { globalStyle } from '@cds/core/internal';\nimport { CdsControl } from '@cds/core/forms';\nimport { inputStyles } from '@cds/core/input';\nimport globalStyles from './time.global.scss';\n/**\n * Time Input\n *\n * ```typescript\n * import '@cds/core/time/register.js';\n * ```\n *\n * ```html\n * <cds-time>\n *   <label>time</label>\n *   <input type=\"time\" />\n *   <cds-control-message>message text</cds-control-message>\n * </cds-time>\n * ```\n *\n * @element cds-time\n * @slot - For projecting time input and label\n * @cssprop --background\n * @cssprop --background-size\n * @cssprop --border\n * @cssprop --border-bottom\n * @cssprop --outline\n * @cssprop --padding\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --line-height\n * @cssprop --transition\n */\nexport class CdsTime extends CdsControl {\n    constructor() {\n        super(...arguments);\n        this.globalStyles = globalStyles;\n    }\n    get suffixDefaultTemplate() {\n        return html `<cds-button-action shape=\"clock\" readonly></cds-button-action>`;\n    }\n    static get styles() {\n        return [...super.styles, inputStyles];\n    }\n}\n__decorate([\n    globalStyle()\n], CdsTime.prototype, \"globalStyles\", void 0);\n"],"names":["CdsTime","CdsControl","constructor","super","this","globalStyles","suffixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"+OAuCO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,aAAeA,EAEpBC,4BACA,OAAOC,CAAK,4EAELC,oBACP,MAAO,IAAIL,MAAMK,OAAQC,IAGjCC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}

package/toggle/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/toggle/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsToggleGroup } from './toggle-group.element.js';\nimport { CdsToggle } from './toggle.element.js';\nimport '@cds/core/forms/register.js';\nregisterElementSafely('cds-toggle', CdsToggle);\nregisterElementSafely('cds-toggle-group', CdsToggleGroup);\n"],"names":["registerElementSafely","CdsToggle","CdsToggleGroup"],"mappings":"0MASAA,EAAsB,aAAcC,GACpCD,EAAsB,mBAAoBE"}
+{"version":3,"file":"register.js","sources":["../../../src/toggle/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsToggleGroup } from './toggle-group.element.js';\nimport { CdsToggle } from './toggle.element.js';\nimport '@cds/core/forms/register.js';\nregisterElementSafely('cds-toggle', CdsToggle);\nregisterElementSafely('cds-toggle-group', CdsToggleGroup);\n"],"names":["registerElementSafely","CdsToggle","CdsToggleGroup"],"mappings":"0MASAA,EAAsB,aAAcC,GACpCD,EAAsB,mBAAoBE"}

package/toggle/toggle-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.element.js","sources":["../../../src/toggle/toggle-group.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { CdsInternalControlGroup } from '@cds/core/forms';\n/**\n * Toggle Group\n *\n * ```typescript\n * import '@cds/core/toggle/register.js';\n * ```\n *\n * ```html\n * <cds-toggle-group>\n *   <label>Select an item</label>\n *   <cds-toggle>\n *     <label>toggle</label>\n *     <input type=\"checkbox\" />\n *   </cds-toggle>\n *\n *   <cds-toggle>\n *     <label>toggle</label>\n *     <input type=\"checkbox\" />\n *   </cds-toggle>\n * </cds-toggle-group>\n * ```\n *\n * @element cds-toggle-group\n * @slot - For projecting toggle controls\n */\nexport class CdsToggleGroup extends CdsInternalControlGroup {\n}\n"],"names":["CdsToggleGroup","CdsInternalControlGroup"],"mappings":"0DA+BO,MAAMA,UAAuBC"}
+{"version":3,"file":"toggle-group.element.js","sources":["../../../src/toggle/toggle-group.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { CdsInternalControlGroup } from '@cds/core/forms';\n/**\n * Toggle Group\n *\n * ```typescript\n * import '@cds/core/toggle/register.js';\n * ```\n *\n * ```html\n * <cds-toggle-group>\n *   <label>Select an item</label>\n *   <cds-toggle>\n *     <label>toggle</label>\n *     <input type=\"checkbox\" />\n *   </cds-toggle>\n *\n *   <cds-toggle>\n *     <label>toggle</label>\n *     <input type=\"checkbox\" />\n *   </cds-toggle>\n * </cds-toggle-group>\n * ```\n *\n * @element cds-toggle-group\n * @slot - For projecting toggle controls\n */\nexport class CdsToggleGroup extends CdsInternalControlGroup {\n}\n"],"names":["CdsToggleGroup","CdsInternalControlGroup"],"mappings":"0DA+BO,MAAMA,UAAuBC"}

package/toggle/toggle.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.element.js","sources":["../../../src/toggle/toggle.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport { CdsInternalControlInline } from '@cds/core/forms';\nimport styles from './toggle.element.scss';\n/**\n * Toggle\n *\n * ```typescript\n * import '@cds/core/toggle/register.js';\n * ```\n *\n * ```html\n * <cds-toggle>\n *   <label>Toggle</label>\n *   <input type=\"checkbox\" />\n * </cds-toggle>\n * ```\n *\n * @element cds-toggle\n * @slot - For projecting checkbox\n * @cssprop --background\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --anchor-background\n * @cssprop --anchor-border-radius\n * @cssprop --anchor-width\n * @cssprop --anchor-height\n * @cssprop --toggle-speed\n */\nexport class CdsToggle extends CdsInternalControlInline {\n    constructor() {\n        super(...arguments);\n        this.cdsMotion = 'on';\n    }\n    async updated(props) {\n        super.updated(props);\n        // this section fixes an issue with toggles animating when the page loads\n        // note that setting cdsMotion to 'off' will turn off all animation\n        // https://github.com/vmware/clarity/issues/5880\n        if (props.has('cdsMotion') && this.cdsMotion === 'on') {\n            await this.updateComplete;\n            this.cdsMotion = 'ready';\n        }\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsToggle.prototype, \"cdsMotion\", void 0);\n"],"names":["CdsToggle","CdsInternalControlInline","constructor","super","this","cdsMotion","async","props","updated","has","updateComplete","styles","__decorate","property","type","String","prototype"],"mappings":"oLAoCO,MAAMA,UAAkBC,EAC3BC,cACIC,oBACAC,KAAKC,UAAY,KAErBC,cAAcC,GACVJ,MAAMK,QAAQD,GAIVA,EAAME,IAAI,cAAmC,OAAnBL,KAAKC,kBACzBD,KAAKM,eACXN,KAAKC,UAAY,SAGdM,oBACP,MAAO,IAAIR,MAAMQ,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBf,EAAUgB,UAAW,iBAAa"}
+{"version":3,"file":"toggle.element.js","sources":["../../../src/toggle/toggle.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { property } from '@cds/core/internal';\nimport { CdsInternalControlInline } from '@cds/core/forms';\nimport styles from './toggle.element.scss';\n/**\n * Toggle\n *\n * ```typescript\n * import '@cds/core/toggle/register.js';\n * ```\n *\n * ```html\n * <cds-toggle>\n *   <label>Toggle</label>\n *   <input type=\"checkbox\" />\n * </cds-toggle>\n * ```\n *\n * @element cds-toggle\n * @slot - For projecting checkbox\n * @cssprop --background\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --anchor-background\n * @cssprop --anchor-border-radius\n * @cssprop --anchor-width\n * @cssprop --anchor-height\n * @cssprop --toggle-speed\n */\nexport class CdsToggle extends CdsInternalControlInline {\n    constructor() {\n        super(...arguments);\n        this.cdsMotion = 'on';\n    }\n    async updated(props) {\n        super.updated(props);\n        // this section fixes an issue with toggles animating when the page loads\n        // note that setting cdsMotion to 'off' will turn off all animation\n        // https://github.com/vmware/clarity/issues/5880\n        if (props.has('cdsMotion') && this.cdsMotion === 'on') {\n            await this.updateComplete;\n            this.cdsMotion = 'ready';\n        }\n    }\n    static get styles() {\n        return [...super.styles, styles];\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsToggle.prototype, \"cdsMotion\", void 0);\n"],"names":["CdsToggle","CdsInternalControlInline","constructor","super","this","cdsMotion","async","props","updated","has","updateComplete","styles","__decorate","property","type","String","prototype"],"mappings":"oLAoCO,MAAMA,UAAkBC,EAC3BC,cACIC,oBACAC,KAAKC,UAAY,KAErBC,cAAcC,GACVJ,MAAMK,QAAQD,GAIVA,EAAME,IAAI,cAAmC,OAAnBL,KAAKC,kBACzBD,KAAKM,eACXN,KAAKC,UAAY,SAGdM,oBACP,MAAO,IAAIR,MAAMQ,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBf,EAAUgB,UAAW,iBAAa"}

package/tree-view/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/tree-view/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport '@cds/core/icon/register.js';\nimport '@cds/core/internal-components/visual-checkbox/register.js';\nimport '@cds/core/progress-circle/register.js';\nimport '@cds/core/button-expand/register.js';\nimport { ClarityMotion, AnimationTreeItemExpandName, AnimationTreeItemExpandConfig, registerElementSafely, } from '@cds/core/internal';\nimport { CdsTree } from './tree.element.js';\nimport { CdsTreeItem } from './tree-item.element.js';\nregisterElementSafely('cds-tree', CdsTree);\nregisterElementSafely('cds-tree-item', CdsTreeItem);\nClarityMotion.add(AnimationTreeItemExpandName, AnimationTreeItemExpandConfig);\n"],"names":["registerElementSafely","CdsTree","CdsTreeItem","ClarityMotion","add","AnimationTreeItemExpandName","AnimationTreeItemExpandConfig"],"mappings":"kbAYAA,EAAsB,WAAYC,GAClCD,EAAsB,gBAAiBE,GACvCC,EAAcC,IAAIC,EAA6BC"}
+{"version":3,"file":"register.js","sources":["../../../src/tree-view/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport '@cds/core/icon/register.js';\nimport '@cds/core/internal-components/visual-checkbox/register.js';\nimport '@cds/core/progress-circle/register.js';\nimport '@cds/core/button-expand/register.js';\nimport { ClarityMotion, AnimationTreeItemExpandName, AnimationTreeItemExpandConfig, registerElementSafely, } from '@cds/core/internal';\nimport { CdsTree } from './tree.element.js';\nimport { CdsTreeItem } from './tree-item.element.js';\nregisterElementSafely('cds-tree', CdsTree);\nregisterElementSafely('cds-tree-item', CdsTreeItem);\nClarityMotion.add(AnimationTreeItemExpandName, AnimationTreeItemExpandConfig);\n"],"names":["registerElementSafely","CdsTree","CdsTreeItem","ClarityMotion","add","AnimationTreeItemExpandName","AnimationTreeItemExpandConfig"],"mappings":"kbAYAA,EAAsB,WAAYC,GAClCD,EAAsB,gBAAiBE,GACvCC,EAAcC,IAAIC,EAA6BC"}

package/tree-view/tree-item.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.element.js","sources":["../../../src/tree-view/tree-item.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { animate, AnimationTreeItemExpandName, baseStyles, createId, event, i18n, I18nService, property, querySlot, querySlotAll, reverseAnimation, } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport styles from './tree-item.element.scss';\n/**\n * Tree view is a hierarchical component that gives users access to a hierarchical set of objects displayed in a the parent-child relationship.\n *\n * ```typescript\n * import '@cds/core/tree-view/register.js';\n * ```\n *\n * ```html\n *  <cds-tree>\n *    <cds-tree-item>1</cds-tree-item>\n *    <cds-tree-item>2</cds-tree-item>\n *    <cds-tree-item>3</cds-tree-item>\n *  </cds-tree>\n * ```\n *\n * @element cds-tree-item\n * @slot - Content slot for inside the tree item\n * @slot expand-collapse-icon\n * @event expandedChange - notify when the user has clicked the expand / collapse button\n * @event selectedChange - notify when the user has clicked the tree item\n * @cssprop --animation-duration\n * @cssprop --animation-easing\n * @cssprop --background\n * @cssprop --color\n * @cssprop --focus-width\n * @cssprop --font-size\n * @cssprop --font-weight\n */\nlet CdsTreeItem = class CdsTreeItem extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.i18n = I18nService.keys.treeview;\n        this.cdsMotion = 'on';\n        this.multiSelect = false;\n        this.disabled = false;\n        this.expanded = false;\n        /**\n         * @description\n         *\n         * Expandable is used (see line 124) to automatically show the cds-button-expand element when a tree-item detects that\n         * there are children. However, when doing investigation into why styles were not applied for tree-items controlled\n         * via *ngIf (or any conditional DOM and code that will put tree-item elements there at some unknown point in the\n         * future) it was re-discovered as a public property without a demo for manual usage.\n         */\n        this.expandable = false;\n        this.indeterminate = false;\n        this.loading = false;\n        this.selected = false;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.tabIndex = -1;\n        this.role = 'treeitem';\n        if (!this.id) {\n            this.id = createId();\n        }\n    }\n    updated(props) {\n        super.updated(props);\n        if (this.treeItemChildren.length > 0) {\n            this.expandable = true;\n        }\n        if (this.expandable) {\n            this.ariaExpanded = this.expanded ? 'true' : 'false';\n        }\n        else {\n            this.ariaExpanded = null;\n        }\n        if (this.multiSelect) {\n            this.ariaSelected = this.selected ? 'true' : 'false';\n        }\n        else {\n            this.ariaSelected = null;\n        }\n        this.ariaDisabled = this.disabled ? 'true' : 'false';\n    }\n    toggleExpanded() {\n        this.expandedChange.emit(!this.expanded);\n    }\n    toggleSelected() {\n        this.selectedChange.emit(!this.selected);\n        if (this.anchorLink) {\n            this.anchorLink.click();\n        }\n    }\n    onSlotChange() {\n        this.treeItemChildren.forEach(i => {\n            if (!i.getAttribute('slot')) {\n                i.setAttribute('slot', createId());\n            }\n        });\n        this.requestUpdate();\n    }\n    render() {\n        return html `\n      <div class=\"private-host\" cds-layout=\"p-l:md\">\n        <div cds-layout=\"horizontal align:vertical-center ${this.multiSelect ? 'gap:xs' : 'gap:xxs'}\">\n          <div class=\"lhs-container\">${this.treeItemLeftHandSideTemplate}</div>\n          <div\n            class=\"item-content\"\n            cds-layout=\"horizontal p:xxs align:vertical-center align:stretch\"\n            @click=\"${() => this.toggleSelected()}\"\n          >\n            <span cds-layout=\"horizontal align:vertical-center gap:sm\" cds-text=\"lhe\">\n              ${this.multiSelect\n            ? html `\n                    <cds-internal-visual-checkbox\n                      part=\"checkbox\"\n                      .disabled=\"${this.disabled}\"\n                      .indeterminate=\"${this.indeterminate}\"\n                      .selected=\"${this.selected}\"\n                    ></cds-internal-visual-checkbox>\n                  `\n            : html ``}\n              <slot @slotchange=${this.onSlotChange}></slot>\n            </span>\n          </div>\n        </div>\n        <div class=\"item-children\" role=${ifDefined(this.expanded ? 'group' : undefined)} ?hidden=\"${!this.expanded}\">\n          ${Array.from(this.treeItemChildren).map((i) => html `<slot name=\"${i.getAttribute('slot')}\"></slot>`)}\n        </div>\n      </div>\n    `;\n    }\n    /**\n     * This container contains one of the following depending on the state of the tree item:\n     *   - caret if the tree item is expandable\n     *   - progress circle if the tree item is loading its children (via an async call, etc)\n     *   - nothing if the tree item is an end node\n     *\n     * The container with a fixed width ensures the same alignment whether or not it contains\n     * a child elemeent to render.\n     */\n    /** @private */\n    get treeItemLeftHandSideTemplate() {\n        if (this.loading) {\n            return html ` <cds-progress-circle size=\"xs\" aria-label=\"${this.i18n.loading}\"></cds-progress-circle> `;\n        }\n        else if (this.expandable) {\n            return html `\n        <div @click=\"${() => this.toggleExpanded()}\">\n          <cds-button-expand\n            .expanded=${this.expanded}\n            readonly\n            action=\"vertical\"\n            part=\"expand-collapse-icon\"\n          ></cds-button-expand>\n        </div>\n      `;\n        }\n        else {\n            return html ``;\n        }\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n};\n__decorate([\n    i18n()\n], CdsTreeItem.prototype, \"i18n\", void 0);\n__decorate([\n    property({ type: String })\n], CdsTreeItem.prototype, \"cdsMotion\", void 0);\n__decorate([\n    event()\n], CdsTreeItem.prototype, \"cdsMotionChange\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true, attribute: 'multi-select' })\n], CdsTreeItem.prototype, \"multiSelect\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsTreeItem.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"expanded\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"expandable\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"indeterminate\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"loading\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"selected\", void 0);\n__decorate([\n    querySlotAll(':scope > cds-tree-item')\n], CdsTreeItem.prototype, \"treeItemChildren\", void 0);\n__decorate([\n    querySlot(':scope > a')\n], CdsTreeItem.prototype, \"anchorLink\", void 0);\n__decorate([\n    event()\n], CdsTreeItem.prototype, \"expandedChange\", void 0);\n__decorate([\n    event()\n], CdsTreeItem.prototype, \"selectedChange\", void 0);\nCdsTreeItem = __decorate([\n    animate({\n        expanded: {\n            true: AnimationTreeItemExpandName,\n            false: reverseAnimation(AnimationTreeItemExpandName),\n        },\n    })\n], CdsTreeItem);\nexport { CdsTreeItem };\n"],"names":["CdsTreeItem","LitElement","constructor","super","this","i18n","I18nService","keys","treeview","cdsMotion","multiSelect","disabled","expanded","expandable","indeterminate","loading","selected","connectedCallback","tabIndex","role","id","createId","updated","props","treeItemChildren","length","ariaExpanded","ariaSelected","ariaDisabled","toggleExpanded","expandedChange","emit","toggleSelected","selectedChange","anchorLink","click","onSlotChange","forEach","i","getAttribute","setAttribute","requestUpdate","render","html","treeItemLeftHandSideTemplate","ifDefined","undefined","Array","from","map","styles","baseStyles","__decorate","prototype","property","type","String","event","Boolean","reflect","attribute","querySlotAll","querySlot","animate","true","AnimationTreeItemExpandName","false","reverseAnimation"],"mappings":"yYAsCG,IAACA,EAAc,cAA0BC,EACxCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,SAC7BJ,KAAKK,UAAY,KACjBL,KAAKM,aAAc,EACnBN,KAAKO,UAAW,EAChBP,KAAKQ,UAAW,EAShBR,KAAKS,YAAa,EAClBT,KAAKU,eAAgB,EACrBV,KAAKW,SAAU,EACfX,KAAKY,UAAW,EAEpBC,oBACId,MAAMc,oBACNb,KAAKc,UAAY,EACjBd,KAAKe,KAAO,WACPf,KAAKgB,KACNhB,KAAKgB,GAAKC,KAGlBC,QAAQC,GACJpB,MAAMmB,QAAQC,GACVnB,KAAKoB,iBAAiBC,OAAS,IAC/BrB,KAAKS,YAAa,GAElBT,KAAKS,WACLT,KAAKsB,aAAetB,KAAKQ,SAAW,OAAS,QAG7CR,KAAKsB,aAAe,KAEpBtB,KAAKM,YACLN,KAAKuB,aAAevB,KAAKY,SAAW,OAAS,QAG7CZ,KAAKuB,aAAe,KAExBvB,KAAKwB,aAAexB,KAAKO,SAAW,OAAS,QAEjDkB,iBACIzB,KAAK0B,eAAeC,MAAM3B,KAAKQ,UAEnCoB,iBACI5B,KAAK6B,eAAeF,MAAM3B,KAAKY,UAC3BZ,KAAK8B,YACL9B,KAAK8B,WAAWC,QAGxBC,eACIhC,KAAKoB,iBAAiBa,SAAQC,IACrBA,EAAEC,aAAa,SAChBD,EAAEE,aAAa,OAAQnB,QAG/BjB,KAAKqC,gBAETC,SACI,OAAOC,CAAK,mGAEwCvC,KAAKM,YAAc,SAAW,yCACnDN,KAAKwC,yIAItB,IAAMxC,KAAK4B,+FAGjB5B,KAAKM,YACPiC,CAAK,4DAGgBvC,KAAKO,6BACAP,KAAKU,6BACVV,KAAKY,4CAG1B2B,CAAK,wBACevC,KAAKgC,4EAIGS,EAAUzC,KAAKQ,SAAW,aAAUkC,iBAAwB1C,KAAKQ,aAC/FmC,MAAMC,KAAK5C,KAAKoB,kBAAkByB,KAAKX,GAAMK,CAAK,eAAeL,EAAEC,aAAa,mCAepFK,mCACA,OAAIxC,KAAKW,QACE4B,CAAK,8CAA+CvC,KAAKC,KAAKU,kCAEhEX,KAAKS,WACH8B,CAAK,gBACD,IAAMvC,KAAKyB,mDAEVzB,KAAKQ,yGASV+B,CAAK,GAGTO,oBACP,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACP/C,KACDL,EAAYqD,UAAW,YAAQ,GAClCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,UAClBxD,EAAYqD,UAAW,iBAAa,GACvCD,EAAW,CACPK,KACDzD,EAAYqD,UAAW,uBAAmB,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,EAAMC,UAAW,kBACrD5D,EAAYqD,UAAW,mBAAe,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,WAClB1D,EAAYqD,UAAW,gBAAY,GACtCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,gBAAY,GACtCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,kBAAc,GACxCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,qBAAiB,GAC3CD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,eAAW,GACrCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,gBAAY,GACtCD,EAAW,CACPS,EAAa,2BACd7D,EAAYqD,UAAW,wBAAoB,GAC9CD,EAAW,CACPU,EAAU,eACX9D,EAAYqD,UAAW,kBAAc,GACxCD,EAAW,CACPK,KACDzD,EAAYqD,UAAW,sBAAkB,GAC5CD,EAAW,CACPK,KACDzD,EAAYqD,UAAW,sBAAkB,GAC5CrD,EAAcoD,EAAW,CACrBW,EAAQ,CACJnD,SAAU,CACNoD,KAAMC,EACNC,MAAOC,EAAiBF,OAGjCjE"}
+{"version":3,"file":"tree-item.element.js","sources":["../../../src/tree-view/tree-item.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { animate, AnimationTreeItemExpandName, baseStyles, createId, event, i18n, I18nService, property, querySlot, querySlotAll, reverseAnimation, } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport styles from './tree-item.element.scss';\n/**\n * Tree view is a hierarchical component that gives users access to a hierarchical set of objects displayed in a the parent-child relationship.\n *\n * ```typescript\n * import '@cds/core/tree-view/register.js';\n * ```\n *\n * ```html\n *  <cds-tree>\n *    <cds-tree-item>1</cds-tree-item>\n *    <cds-tree-item>2</cds-tree-item>\n *    <cds-tree-item>3</cds-tree-item>\n *  </cds-tree>\n * ```\n *\n * @element cds-tree-item\n * @slot - Content slot for inside the tree item\n * @slot expand-collapse-icon\n * @event expandedChange - notify when the user has clicked the expand / collapse button\n * @event selectedChange - notify when the user has clicked the tree item\n * @cssprop --animation-duration\n * @cssprop --animation-easing\n * @cssprop --background\n * @cssprop --color\n * @cssprop --focus-width\n * @cssprop --font-size\n * @cssprop --font-weight\n */\nlet CdsTreeItem = class CdsTreeItem extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.i18n = I18nService.keys.treeview;\n        this.cdsMotion = 'on';\n        this.multiSelect = false;\n        this.disabled = false;\n        this.expanded = false;\n        /**\n         * @description\n         *\n         * Expandable is used (see line 124) to automatically show the cds-button-expand element when a tree-item detects that\n         * there are children. However, when doing investigation into why styles were not applied for tree-items controlled\n         * via *ngIf (or any conditional DOM and code that will put tree-item elements there at some unknown point in the\n         * future) it was re-discovered as a public property without a demo for manual usage.\n         */\n        this.expandable = false;\n        this.indeterminate = false;\n        this.loading = false;\n        this.selected = false;\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.tabIndex = -1;\n        this.role = 'treeitem';\n        if (!this.id) {\n            this.id = createId();\n        }\n    }\n    updated(props) {\n        super.updated(props);\n        if (this.treeItemChildren.length > 0) {\n            this.expandable = true;\n        }\n        if (this.expandable) {\n            this.ariaExpanded = this.expanded ? 'true' : 'false';\n        }\n        else {\n            this.ariaExpanded = null;\n        }\n        if (this.multiSelect) {\n            this.ariaSelected = this.selected ? 'true' : 'false';\n        }\n        else {\n            this.ariaSelected = null;\n        }\n        this.ariaDisabled = this.disabled ? 'true' : 'false';\n    }\n    toggleExpanded() {\n        this.expandedChange.emit(!this.expanded);\n    }\n    toggleSelected() {\n        this.selectedChange.emit(!this.selected);\n        if (this.anchorLink) {\n            this.anchorLink.click();\n        }\n    }\n    onSlotChange() {\n        this.treeItemChildren.forEach(i => {\n            if (!i.getAttribute('slot')) {\n                i.setAttribute('slot', createId());\n            }\n        });\n        this.requestUpdate();\n    }\n    render() {\n        return html `\n      <div class=\"private-host\" cds-layout=\"p-l:md\">\n        <div cds-layout=\"horizontal align:vertical-center ${this.multiSelect ? 'gap:xs' : 'gap:xxs'}\">\n          <div class=\"lhs-container\">${this.treeItemLeftHandSideTemplate}</div>\n          <div\n            class=\"item-content\"\n            cds-layout=\"horizontal p:xxs align:vertical-center align:stretch\"\n            @click=\"${() => this.toggleSelected()}\"\n          >\n            <span cds-layout=\"horizontal align:vertical-center gap:sm\" cds-text=\"lhe\">\n              ${this.multiSelect\n            ? html `\n                    <cds-internal-visual-checkbox\n                      part=\"checkbox\"\n                      .disabled=\"${this.disabled}\"\n                      .indeterminate=\"${this.indeterminate}\"\n                      .selected=\"${this.selected}\"\n                    ></cds-internal-visual-checkbox>\n                  `\n            : html ``}\n              <slot @slotchange=${this.onSlotChange}></slot>\n            </span>\n          </div>\n        </div>\n        <div class=\"item-children\" role=${ifDefined(this.expanded ? 'group' : undefined)} ?hidden=\"${!this.expanded}\">\n          ${Array.from(this.treeItemChildren).map((i) => html `<slot name=\"${i.getAttribute('slot')}\"></slot>`)}\n        </div>\n      </div>\n    `;\n    }\n    /**\n     * This container contains one of the following depending on the state of the tree item:\n     *   - caret if the tree item is expandable\n     *   - progress circle if the tree item is loading its children (via an async call, etc)\n     *   - nothing if the tree item is an end node\n     *\n     * The container with a fixed width ensures the same alignment whether or not it contains\n     * a child elemeent to render.\n     */\n    /** @private */\n    get treeItemLeftHandSideTemplate() {\n        if (this.loading) {\n            return html ` <cds-progress-circle size=\"xs\" aria-label=\"${this.i18n.loading}\"></cds-progress-circle> `;\n        }\n        else if (this.expandable) {\n            return html `\n        <div @click=\"${() => this.toggleExpanded()}\">\n          <cds-button-expand\n            .expanded=${this.expanded}\n            readonly\n            action=\"vertical\"\n            part=\"expand-collapse-icon\"\n          ></cds-button-expand>\n        </div>\n      `;\n        }\n        else {\n            return html ``;\n        }\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n};\n__decorate([\n    i18n()\n], CdsTreeItem.prototype, \"i18n\", void 0);\n__decorate([\n    property({ type: String })\n], CdsTreeItem.prototype, \"cdsMotion\", void 0);\n__decorate([\n    event()\n], CdsTreeItem.prototype, \"cdsMotionChange\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true, attribute: 'multi-select' })\n], CdsTreeItem.prototype, \"multiSelect\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsTreeItem.prototype, \"disabled\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"expanded\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"expandable\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"indeterminate\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"loading\", void 0);\n__decorate([\n    property({ type: Boolean, reflect: true })\n], CdsTreeItem.prototype, \"selected\", void 0);\n__decorate([\n    querySlotAll(':scope > cds-tree-item')\n], CdsTreeItem.prototype, \"treeItemChildren\", void 0);\n__decorate([\n    querySlot(':scope > a')\n], CdsTreeItem.prototype, \"anchorLink\", void 0);\n__decorate([\n    event()\n], CdsTreeItem.prototype, \"expandedChange\", void 0);\n__decorate([\n    event()\n], CdsTreeItem.prototype, \"selectedChange\", void 0);\nCdsTreeItem = __decorate([\n    animate({\n        expanded: {\n            true: AnimationTreeItemExpandName,\n            false: reverseAnimation(AnimationTreeItemExpandName),\n        },\n    })\n], CdsTreeItem);\nexport { CdsTreeItem };\n"],"names":["CdsTreeItem","LitElement","constructor","super","this","i18n","I18nService","keys","treeview","cdsMotion","multiSelect","disabled","expanded","expandable","indeterminate","loading","selected","connectedCallback","tabIndex","role","id","createId","updated","props","treeItemChildren","length","ariaExpanded","ariaSelected","ariaDisabled","toggleExpanded","expandedChange","emit","toggleSelected","selectedChange","anchorLink","click","onSlotChange","forEach","i","getAttribute","setAttribute","requestUpdate","render","html","treeItemLeftHandSideTemplate","ifDefined","undefined","Array","from","map","styles","baseStyles","__decorate","prototype","property","type","String","event","Boolean","reflect","attribute","querySlotAll","querySlot","animate","true","AnimationTreeItemExpandName","false","reverseAnimation"],"mappings":"yYAsCG,IAACA,EAAc,cAA0BC,EACxCC,cACIC,oBACAC,KAAKC,KAAOC,EAAYC,KAAKC,SAC7BJ,KAAKK,UAAY,KACjBL,KAAKM,aAAc,EACnBN,KAAKO,UAAW,EAChBP,KAAKQ,UAAW,EAShBR,KAAKS,YAAa,EAClBT,KAAKU,eAAgB,EACrBV,KAAKW,SAAU,EACfX,KAAKY,UAAW,EAEpBC,oBACId,MAAMc,oBACNb,KAAKc,UAAY,EACjBd,KAAKe,KAAO,WACPf,KAAKgB,KACNhB,KAAKgB,GAAKC,KAGlBC,QAAQC,GACJpB,MAAMmB,QAAQC,GACVnB,KAAKoB,iBAAiBC,OAAS,IAC/BrB,KAAKS,YAAa,GAElBT,KAAKS,WACLT,KAAKsB,aAAetB,KAAKQ,SAAW,OAAS,QAG7CR,KAAKsB,aAAe,KAEpBtB,KAAKM,YACLN,KAAKuB,aAAevB,KAAKY,SAAW,OAAS,QAG7CZ,KAAKuB,aAAe,KAExBvB,KAAKwB,aAAexB,KAAKO,SAAW,OAAS,QAEjDkB,iBACIzB,KAAK0B,eAAeC,MAAM3B,KAAKQ,UAEnCoB,iBACI5B,KAAK6B,eAAeF,MAAM3B,KAAKY,UAC3BZ,KAAK8B,YACL9B,KAAK8B,WAAWC,QAGxBC,eACIhC,KAAKoB,iBAAiBa,SAAQC,IACrBA,EAAEC,aAAa,SAChBD,EAAEE,aAAa,OAAQnB,QAG/BjB,KAAKqC,gBAETC,SACI,OAAOC,CAAK,mGAEwCvC,KAAKM,YAAc,SAAW,yCACnDN,KAAKwC,yIAItB,IAAMxC,KAAK4B,+FAGjB5B,KAAKM,YACPiC,CAAK,4DAGgBvC,KAAKO,6BACAP,KAAKU,6BACVV,KAAKY,4CAG1B2B,CAAK,wBACevC,KAAKgC,4EAIGS,EAAUzC,KAAKQ,SAAW,aAAUkC,iBAAwB1C,KAAKQ,aAC/FmC,MAAMC,KAAK5C,KAAKoB,kBAAkByB,KAAKX,GAAMK,CAAK,eAAeL,EAAEC,aAAa,mCAepFK,mCACA,OAAIxC,KAAKW,QACE4B,CAAK,8CAA+CvC,KAAKC,KAAKU,kCAEhEX,KAAKS,WACH8B,CAAK,gBACD,IAAMvC,KAAKyB,mDAEVzB,KAAKQ,yGASV+B,CAAK,GAGTO,oBACP,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACP/C,KACDL,EAAYqD,UAAW,YAAQ,GAClCD,EAAW,CACPE,EAAS,CAAEC,KAAMC,UAClBxD,EAAYqD,UAAW,iBAAa,GACvCD,EAAW,CACPK,KACDzD,EAAYqD,UAAW,uBAAmB,GAC7CD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,EAAMC,UAAW,kBACrD5D,EAAYqD,UAAW,mBAAe,GACzCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,WAClB1D,EAAYqD,UAAW,gBAAY,GACtCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,gBAAY,GACtCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,kBAAc,GACxCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,qBAAiB,GAC3CD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,eAAW,GACrCD,EAAW,CACPE,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpC3D,EAAYqD,UAAW,gBAAY,GACtCD,EAAW,CACPS,EAAa,2BACd7D,EAAYqD,UAAW,wBAAoB,GAC9CD,EAAW,CACPU,EAAU,eACX9D,EAAYqD,UAAW,kBAAc,GACxCD,EAAW,CACPK,KACDzD,EAAYqD,UAAW,sBAAkB,GAC5CD,EAAW,CACPK,KACDzD,EAAYqD,UAAW,sBAAkB,GAC5CrD,EAAcoD,EAAW,CACrBW,EAAQ,CACJnD,SAAU,CACNoD,KAAMC,EACNC,MAAOC,EAAiBF,OAGjCjE"}

package/tree-view/tree.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.element.js","sources":["../../../src/tree-view/tree.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { arrayHead, arrayTail, baseStyles, isVisible, nextInArray, onAnyKey, onKey, previousInArray, property, querySlot, querySlotAll, syncProps, } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport { CdsTreeItem } from './tree-item.element.js';\nimport styles from './tree.element.scss';\n/**\n * Tree view is a hierarchical component that gives users access to a hierarchical set of objects displayed in a the parent-child relationship.\n *\n * ```typescript\n * import '@cds/core/tree-view/register.js';\n * ```\n *\n * ```html\n *  <cds-tree>\n *    <cds-tree-item>1</cds-tree-item>\n *    <cds-tree-item>2</cds-tree-item>\n *    <cds-tree-item>3</cds-tree-item>\n *  </cds-tree>\n * ```\n *\n * @element cds-tree\n * @slot - Content slot for inside the tree\n */\nexport class CdsTree extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.multiSelect = false;\n        this.keyboardNavigationHandler = (e) => {\n            const current = this.currentActiveItem;\n            if (current && current instanceof CdsTreeItem) {\n                onAnyKey(['arrow-left', 'arrow-right', 'arrow-up', 'arrow-down', 'home', 'end', 'enter', 'space'], e, () => {\n                    // prevent element container scroll\n                    // MDN references this is really the only way to prevent native browser interactions\n                    // https://developer.mozilla.org/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets\n                    e.preventDefault();\n                });\n                onKey('arrow-left', e, () => {\n                    if (current.expandable && current.expanded) {\n                        current.expandedChange.emit(false);\n                    }\n                    else {\n                        const parentNode = current.parentElement;\n                        if (parentNode && parentNode instanceof CdsTreeItem) {\n                            this.setAriaActiveDescendant(parentNode);\n                        }\n                    }\n                });\n                onKey('arrow-right', e, () => {\n                    if (current.expandable) {\n                        if (current.expanded) {\n                            this.setAriaActiveDescendant(nextInArray(current, this.visibleChildren));\n                        }\n                        else {\n                            current.expandedChange.emit(true);\n                        }\n                    }\n                });\n                onKey('arrow-down', e, () => {\n                    if (current) {\n                        this.setAriaActiveDescendant(nextInArray(current, this.visibleChildren));\n                    }\n                });\n                onKey('arrow-up', e, () => {\n                    if (current) {\n                        this.setAriaActiveDescendant(previousInArray(current, this.visibleChildren));\n                    }\n                });\n                onKey('home', e, () => {\n                    if (current) {\n                        this.setAriaActiveDescendant(arrayHead(this.visibleChildren));\n                    }\n                });\n                onKey('end', e, () => {\n                    if (current) {\n                        this.setAriaActiveDescendant(arrayTail(this.visibleChildren));\n                    }\n                });\n                onKey('enter', e, () => {\n                    // activate onclick if link: https://www.w3.org/TR/wai-aria-practices/examples/treeview/treeview-2/treeview-2a.html\n                    // this means a treeview item should not be expandable AND contain an anchor tag at the same time\n                    if (current.anchorLink) {\n                        current.anchorLink.click();\n                    }\n                    if (current.expandable) {\n                        current.expandedChange.emit(!current.expanded);\n                    }\n                });\n                onKey('space', e, () => {\n                    // activate onclick if link: https://www.w3.org/TR/wai-aria-practices/examples/treeview/treeview-2/treeview-2a.html\n                    // this means a treeview item should not be expandable AND contain an anchor tag at the same time\n                    if (current.anchorLink) {\n                        current.anchorLink.click();\n                    }\n                    if (current && !current.disabled) {\n                        current.selectedChange.emit(!current.selected);\n                    }\n                });\n            }\n        };\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.tabIndex = 0;\n        this.role = 'tree';\n        this.addEventListener('focus', this.initAriaActiveDescendant);\n        this.addEventListener('click', this.clickHandler);\n        this.addEventListener('keydown', this.keyboardNavigationHandler);\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n    }\n    updated(props) {\n        super.updated(props);\n        this.ariaMultiSelectable = this.multiSelect ? 'true' : 'false';\n        this.childrenItems.forEach(c => syncProps(c, this, { multiSelect: this.multiSelect }));\n    }\n    clickHandler(e) {\n        if (e.target instanceof CdsTreeItem) {\n            const match = this.visibleChildren.find(c => c === e.target);\n            if (match) {\n                this.setAriaActiveDescendant(match);\n            }\n        }\n    }\n    get currentActiveItem() {\n        return this.visibleChildren.find(c => c.id === this.ariaActiveDescendant);\n    }\n    /**\n     * The reason why we wait till onfocus to initialize aria-activedescendant is to\n     * account for lazy loaded children.\n     * */\n    initAriaActiveDescendant() {\n        if (!this.currentActiveItem) {\n            // If none of the nodes are selected before the tree receives focus, focus is set on the first node.\n            // If one or more nodes are selected before the tree receives focus, focus is set on the first selected node.\n            const focusableChild = this.visibleChildren.find(c => c.selected) || this.firstChildItem;\n            if (focusableChild) {\n                this.setAriaActiveDescendant(focusableChild);\n            }\n        }\n    }\n    setAriaActiveDescendant(activeItem) {\n        if (activeItem) {\n            this.ariaActiveDescendant = activeItem.id;\n            activeItem.focus();\n        }\n    }\n    /** @private */\n    get visibleChildren() {\n        return Array.from(this.childrenItems).filter(n => isVisible(n));\n    }\n    render() {\n        return html `<slot></slot>`;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n}\n__decorate([\n    property({ type: Boolean, attribute: 'multi-select' })\n], CdsTree.prototype, \"multiSelect\", void 0);\n__decorate([\n    querySlot('cds-tree-item')\n], CdsTree.prototype, \"firstChildItem\", void 0);\n__decorate([\n    querySlotAll('cds-tree-item')\n], CdsTree.prototype, \"childrenItems\", void 0);\n"],"names":["CdsTree","LitElement","constructor","super","this","multiSelect","keyboardNavigationHandler","e","current","currentActiveItem","CdsTreeItem","onAnyKey","preventDefault","onKey","expandable","expanded","expandedChange","emit","parentNode","parentElement","setAriaActiveDescendant","nextInArray","visibleChildren","previousInArray","arrayHead","arrayTail","anchorLink","click","disabled","selectedChange","selected","connectedCallback","tabIndex","role","addEventListener","initAriaActiveDescendant","clickHandler","disconnectedCallback","updated","props","ariaMultiSelectable","childrenItems","forEach","c","syncProps","target","match","find","id","ariaActiveDescendant","focusableChild","firstChildItem","activeItem","focus","Array","from","filter","n","isVisible","render","html","styles","baseStyles","__decorate","property","type","Boolean","attribute","prototype","querySlot","querySlotAll"],"mappings":"mYA4BO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,aAAc,EACnBD,KAAKE,0BAA6BC,IAC9B,MAAMC,EAAUJ,KAAKK,kBACjBD,GAAWA,aAAmBE,IAC9BC,EAAS,CAAC,aAAc,cAAe,WAAY,aAAc,OAAQ,MAAO,QAAS,SAAUJ,GAAG,KAIlGA,EAAEK,oBAENC,EAAM,aAAcN,GAAG,KACnB,GAAIC,EAAQM,YAAcN,EAAQO,SAC9BP,EAAQQ,eAAeC,MAAK,OAE3B,CACD,MAAMC,EAAaV,EAAQW,cACvBD,GAAcA,aAAsBR,GACpCN,KAAKgB,wBAAwBF,OAIzCL,EAAM,cAAeN,GAAG,KAChBC,EAAQM,aACJN,EAAQO,SACRX,KAAKgB,wBAAwBC,EAAYb,EAASJ,KAAKkB,kBAGvDd,EAAQQ,eAAeC,MAAK,OAIxCJ,EAAM,aAAcN,GAAG,KACfC,GACAJ,KAAKgB,wBAAwBC,EAAYb,EAASJ,KAAKkB,qBAG/DT,EAAM,WAAYN,GAAG,KACbC,GACAJ,KAAKgB,wBAAwBG,EAAgBf,EAASJ,KAAKkB,qBAGnET,EAAM,OAAQN,GAAG,KACTC,GACAJ,KAAKgB,wBAAwBI,EAAUpB,KAAKkB,qBAGpDT,EAAM,MAAON,GAAG,KACRC,GACAJ,KAAKgB,wBAAwBK,EAAUrB,KAAKkB,qBAGpDT,EAAM,QAASN,GAAG,KAGVC,EAAQkB,YACRlB,EAAQkB,WAAWC,QAEnBnB,EAAQM,YACRN,EAAQQ,eAAeC,MAAMT,EAAQO,aAG7CF,EAAM,QAASN,GAAG,KAGVC,EAAQkB,YACRlB,EAAQkB,WAAWC,QAEnBnB,IAAYA,EAAQoB,UACpBpB,EAAQqB,eAAeZ,MAAMT,EAAQsB,eAMzDC,oBACI5B,MAAM4B,oBACN3B,KAAK4B,SAAW,EAChB5B,KAAK6B,KAAO,OACZ7B,KAAK8B,iBAAiB,QAAS9B,KAAK+B,0BACpC/B,KAAK8B,iBAAiB,QAAS9B,KAAKgC,cACpChC,KAAK8B,iBAAiB,UAAW9B,KAAKE,2BAE1C+B,uBACIlC,MAAMkC,uBAEVC,QAAQC,GACJpC,MAAMmC,QAAQC,GACdnC,KAAKoC,oBAAsBpC,KAAKC,YAAc,OAAS,QACvDD,KAAKqC,cAAcC,SAAQC,GAAKC,EAAUD,EAAGvC,KAAM,CAAEC,YAAaD,KAAKC,gBAE3E+B,aAAa7B,GACT,GAAIA,EAAEsC,kBAAkBnC,EAAa,CACjC,MAAMoC,EAAQ1C,KAAKkB,gBAAgByB,MAAKJ,GAAKA,IAAMpC,EAAEsC,SACjDC,GACA1C,KAAKgB,wBAAwB0B,IAIrCrC,wBACA,OAAOL,KAAKkB,gBAAgByB,MAAKJ,GAAKA,EAAEK,KAAO5C,KAAK6C,uBAMxDd,2BACI,IAAK/B,KAAKK,kBAAmB,CAGzB,MAAMyC,EAAiB9C,KAAKkB,gBAAgByB,MAAKJ,GAAKA,EAAEb,YAAa1B,KAAK+C,eACtED,GACA9C,KAAKgB,wBAAwB8B,IAIzC9B,wBAAwBgC,GAChBA,IACAhD,KAAK6C,qBAAuBG,EAAWJ,GACvCI,EAAWC,SAIf/B,sBACA,OAAOgC,MAAMC,KAAKnD,KAAKqC,eAAee,QAAOC,GAAKC,EAAUD,KAEhEE,SACI,OAAOC,CAAK,gBAELC,oBACP,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,UAAW,kBACtCnE,EAAQoE,UAAW,mBAAe,GACrCL,EAAW,CACPM,EAAU,kBACXrE,EAAQoE,UAAW,sBAAkB,GACxCL,EAAW,CACPO,EAAa,kBACdtE,EAAQoE,UAAW,qBAAiB"}
+{"version":3,"file":"tree.element.js","sources":["../../../src/tree-view/tree.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { arrayHead, arrayTail, baseStyles, isVisible, nextInArray, onAnyKey, onKey, previousInArray, property, querySlot, querySlotAll, syncProps, } from '@cds/core/internal';\nimport { html, LitElement } from 'lit';\nimport { CdsTreeItem } from './tree-item.element.js';\nimport styles from './tree.element.scss';\n/**\n * Tree view is a hierarchical component that gives users access to a hierarchical set of objects displayed in a the parent-child relationship.\n *\n * ```typescript\n * import '@cds/core/tree-view/register.js';\n * ```\n *\n * ```html\n *  <cds-tree>\n *    <cds-tree-item>1</cds-tree-item>\n *    <cds-tree-item>2</cds-tree-item>\n *    <cds-tree-item>3</cds-tree-item>\n *  </cds-tree>\n * ```\n *\n * @element cds-tree\n * @slot - Content slot for inside the tree\n */\nexport class CdsTree extends LitElement {\n    constructor() {\n        super(...arguments);\n        this.multiSelect = false;\n        this.keyboardNavigationHandler = (e) => {\n            const current = this.currentActiveItem;\n            if (current && current instanceof CdsTreeItem) {\n                onAnyKey(['arrow-left', 'arrow-right', 'arrow-up', 'arrow-down', 'home', 'end', 'enter', 'space'], e, () => {\n                    // prevent element container scroll\n                    // MDN references this is really the only way to prevent native browser interactions\n                    // https://developer.mozilla.org/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets\n                    e.preventDefault();\n                });\n                onKey('arrow-left', e, () => {\n                    if (current.expandable && current.expanded) {\n                        current.expandedChange.emit(false);\n                    }\n                    else {\n                        const parentNode = current.parentElement;\n                        if (parentNode && parentNode instanceof CdsTreeItem) {\n                            this.setAriaActiveDescendant(parentNode);\n                        }\n                    }\n                });\n                onKey('arrow-right', e, () => {\n                    if (current.expandable) {\n                        if (current.expanded) {\n                            this.setAriaActiveDescendant(nextInArray(current, this.visibleChildren));\n                        }\n                        else {\n                            current.expandedChange.emit(true);\n                        }\n                    }\n                });\n                onKey('arrow-down', e, () => {\n                    if (current) {\n                        this.setAriaActiveDescendant(nextInArray(current, this.visibleChildren));\n                    }\n                });\n                onKey('arrow-up', e, () => {\n                    if (current) {\n                        this.setAriaActiveDescendant(previousInArray(current, this.visibleChildren));\n                    }\n                });\n                onKey('home', e, () => {\n                    if (current) {\n                        this.setAriaActiveDescendant(arrayHead(this.visibleChildren));\n                    }\n                });\n                onKey('end', e, () => {\n                    if (current) {\n                        this.setAriaActiveDescendant(arrayTail(this.visibleChildren));\n                    }\n                });\n                onKey('enter', e, () => {\n                    // activate onclick if link: https://www.w3.org/TR/wai-aria-practices/examples/treeview/treeview-2/treeview-2a.html\n                    // this means a treeview item should not be expandable AND contain an anchor tag at the same time\n                    if (current.anchorLink) {\n                        current.anchorLink.click();\n                    }\n                    if (current.expandable) {\n                        current.expandedChange.emit(!current.expanded);\n                    }\n                });\n                onKey('space', e, () => {\n                    // activate onclick if link: https://www.w3.org/TR/wai-aria-practices/examples/treeview/treeview-2/treeview-2a.html\n                    // this means a treeview item should not be expandable AND contain an anchor tag at the same time\n                    if (current.anchorLink) {\n                        current.anchorLink.click();\n                    }\n                    if (current && !current.disabled) {\n                        current.selectedChange.emit(!current.selected);\n                    }\n                });\n            }\n        };\n    }\n    connectedCallback() {\n        super.connectedCallback();\n        this.tabIndex = 0;\n        this.role = 'tree';\n        this.addEventListener('focus', this.initAriaActiveDescendant);\n        this.addEventListener('click', this.clickHandler);\n        this.addEventListener('keydown', this.keyboardNavigationHandler);\n    }\n    disconnectedCallback() {\n        super.disconnectedCallback();\n    }\n    updated(props) {\n        super.updated(props);\n        this.ariaMultiSelectable = this.multiSelect ? 'true' : 'false';\n        this.childrenItems.forEach(c => syncProps(c, this, { multiSelect: this.multiSelect }));\n    }\n    clickHandler(e) {\n        if (e.target instanceof CdsTreeItem) {\n            const match = this.visibleChildren.find(c => c === e.target);\n            if (match) {\n                this.setAriaActiveDescendant(match);\n            }\n        }\n    }\n    get currentActiveItem() {\n        return this.visibleChildren.find(c => c.id === this.ariaActiveDescendant);\n    }\n    /**\n     * The reason why we wait till onfocus to initialize aria-activedescendant is to\n     * account for lazy loaded children.\n     * */\n    initAriaActiveDescendant() {\n        if (!this.currentActiveItem) {\n            // If none of the nodes are selected before the tree receives focus, focus is set on the first node.\n            // If one or more nodes are selected before the tree receives focus, focus is set on the first selected node.\n            const focusableChild = this.visibleChildren.find(c => c.selected) || this.firstChildItem;\n            if (focusableChild) {\n                this.setAriaActiveDescendant(focusableChild);\n            }\n        }\n    }\n    setAriaActiveDescendant(activeItem) {\n        if (activeItem) {\n            this.ariaActiveDescendant = activeItem.id;\n            activeItem.focus();\n        }\n    }\n    /** @private */\n    get visibleChildren() {\n        return Array.from(this.childrenItems).filter(n => isVisible(n));\n    }\n    render() {\n        return html `<slot></slot>`;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n}\n__decorate([\n    property({ type: Boolean, attribute: 'multi-select' })\n], CdsTree.prototype, \"multiSelect\", void 0);\n__decorate([\n    querySlot('cds-tree-item')\n], CdsTree.prototype, \"firstChildItem\", void 0);\n__decorate([\n    querySlotAll('cds-tree-item')\n], CdsTree.prototype, \"childrenItems\", void 0);\n"],"names":["CdsTree","LitElement","constructor","super","this","multiSelect","keyboardNavigationHandler","e","current","currentActiveItem","CdsTreeItem","onAnyKey","preventDefault","onKey","expandable","expanded","expandedChange","emit","parentNode","parentElement","setAriaActiveDescendant","nextInArray","visibleChildren","previousInArray","arrayHead","arrayTail","anchorLink","click","disabled","selectedChange","selected","connectedCallback","tabIndex","role","addEventListener","initAriaActiveDescendant","clickHandler","disconnectedCallback","updated","props","ariaMultiSelectable","childrenItems","forEach","c","syncProps","target","match","find","id","ariaActiveDescendant","focusableChild","firstChildItem","activeItem","focus","Array","from","filter","n","isVisible","render","html","styles","baseStyles","__decorate","property","type","Boolean","attribute","prototype","querySlot","querySlotAll"],"mappings":"mYA4BO,MAAMA,UAAgBC,EACzBC,cACIC,oBACAC,KAAKC,aAAc,EACnBD,KAAKE,0BAA6BC,IAC9B,MAAMC,EAAUJ,KAAKK,kBACjBD,GAAWA,aAAmBE,IAC9BC,EAAS,CAAC,aAAc,cAAe,WAAY,aAAc,OAAQ,MAAO,QAAS,SAAUJ,GAAG,KAIlGA,EAAEK,oBAENC,EAAM,aAAcN,GAAG,KACnB,GAAIC,EAAQM,YAAcN,EAAQO,SAC9BP,EAAQQ,eAAeC,MAAK,OAE3B,CACD,MAAMC,EAAaV,EAAQW,cACvBD,GAAcA,aAAsBR,GACpCN,KAAKgB,wBAAwBF,OAIzCL,EAAM,cAAeN,GAAG,KAChBC,EAAQM,aACJN,EAAQO,SACRX,KAAKgB,wBAAwBC,EAAYb,EAASJ,KAAKkB,kBAGvDd,EAAQQ,eAAeC,MAAK,OAIxCJ,EAAM,aAAcN,GAAG,KACfC,GACAJ,KAAKgB,wBAAwBC,EAAYb,EAASJ,KAAKkB,qBAG/DT,EAAM,WAAYN,GAAG,KACbC,GACAJ,KAAKgB,wBAAwBG,EAAgBf,EAASJ,KAAKkB,qBAGnET,EAAM,OAAQN,GAAG,KACTC,GACAJ,KAAKgB,wBAAwBI,EAAUpB,KAAKkB,qBAGpDT,EAAM,MAAON,GAAG,KACRC,GACAJ,KAAKgB,wBAAwBK,EAAUrB,KAAKkB,qBAGpDT,EAAM,QAASN,GAAG,KAGVC,EAAQkB,YACRlB,EAAQkB,WAAWC,QAEnBnB,EAAQM,YACRN,EAAQQ,eAAeC,MAAMT,EAAQO,aAG7CF,EAAM,QAASN,GAAG,KAGVC,EAAQkB,YACRlB,EAAQkB,WAAWC,QAEnBnB,IAAYA,EAAQoB,UACpBpB,EAAQqB,eAAeZ,MAAMT,EAAQsB,eAMzDC,oBACI5B,MAAM4B,oBACN3B,KAAK4B,SAAW,EAChB5B,KAAK6B,KAAO,OACZ7B,KAAK8B,iBAAiB,QAAS9B,KAAK+B,0BACpC/B,KAAK8B,iBAAiB,QAAS9B,KAAKgC,cACpChC,KAAK8B,iBAAiB,UAAW9B,KAAKE,2BAE1C+B,uBACIlC,MAAMkC,uBAEVC,QAAQC,GACJpC,MAAMmC,QAAQC,GACdnC,KAAKoC,oBAAsBpC,KAAKC,YAAc,OAAS,QACvDD,KAAKqC,cAAcC,SAAQC,GAAKC,EAAUD,EAAGvC,KAAM,CAAEC,YAAaD,KAAKC,gBAE3E+B,aAAa7B,GACT,GAAIA,EAAEsC,kBAAkBnC,EAAa,CACjC,MAAMoC,EAAQ1C,KAAKkB,gBAAgByB,MAAKJ,GAAKA,IAAMpC,EAAEsC,SACjDC,GACA1C,KAAKgB,wBAAwB0B,IAIrCrC,wBACA,OAAOL,KAAKkB,gBAAgByB,MAAKJ,GAAKA,EAAEK,KAAO5C,KAAK6C,uBAMxDd,2BACI,IAAK/B,KAAKK,kBAAmB,CAGzB,MAAMyC,EAAiB9C,KAAKkB,gBAAgByB,MAAKJ,GAAKA,EAAEb,YAAa1B,KAAK+C,eACtED,GACA9C,KAAKgB,wBAAwB8B,IAIzC9B,wBAAwBgC,GAChBA,IACAhD,KAAK6C,qBAAuBG,EAAWJ,GACvCI,EAAWC,SAIf/B,sBACA,OAAOgC,MAAMC,KAAKnD,KAAKqC,eAAee,QAAOC,GAAKC,EAAUD,KAEhEE,SACI,OAAOC,CAAK,gBAELC,oBACP,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,QAASC,UAAW,kBACtCnE,EAAQoE,UAAW,mBAAe,GACrCL,EAAW,CACPM,EAAU,kBACXrE,EAAQoE,UAAW,sBAAkB,GACxCL,EAAW,CACPO,EAAa,kBACdtE,EAAQoE,UAAW,qBAAiB"}