@duetds/components 6.6.2 → 6.7.1

package/lib/collection/components/duet-select/duet-select.css

@@ -76,7 +76,7 @@ duet-tooltip {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  background: white;
+  background: rgb(255, 255, 255);
 }
 
 .duet-select-container {
@@ -128,58 +128,58 @@ duet-tooltip {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 .duet-select-wrapper select:hover + .duet-select {
-  border-color: #909599;
-  box-shadow: 0 0 0 1px #909599;
+  border-color: rgb(144, 149, 153);
+  box-shadow: 0 0 0 1px rgb(144, 149, 153);
 }
 .duet-theme-turva .duet-select-wrapper select:hover + .duet-select {
-  border-color: #747475;
-  box-shadow: 0 0 0 1px #747475;
+  border-color: rgb(116, 116, 117);
+  box-shadow: 0 0 0 1px rgb(116, 116, 117);
 }
 .has-error .duet-select-wrapper select:hover + .duet-select {
-  box-shadow: 0 0 0 1px #de2362;
+  box-shadow: 0 0 0 1px rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-select-wrapper select:hover + .duet-select {
-  box-shadow: 0 0 0 1px #e02a0d;
+  box-shadow: 0 0 0 1px rgb(224, 42, 13);
 }
 .duet-select-wrapper select:focus + .duet-select {
-  border-color: #0077b3;
+  border-color: rgb(0, 119, 179);
   outline: 0;
-  box-shadow: 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 1px rgb(0, 119, 179);
   transition: none;
 }
 .duet-theme-turva .duet-select-wrapper select:focus + .duet-select {
-  border-color: #171c3a;
-  box-shadow: 0 0 0 1px #171c3a;
+  border-color: rgb(23, 28, 58);
+  box-shadow: 0 0 0 1px rgb(23, 28, 58);
 }
 .duet-theme-turva .duet-select-wrapper select:focus + .duet-select .duet-select-icon {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-select-wrapper select:focus + .duet-select .duet-select-icon {
-  color: #0077b3;
+  color: rgb(0, 119, 179);
 }
 .has-error .duet-select-wrapper select:focus + .duet-select {
-  box-shadow: 0 0 0 1px #de2362;
+  box-shadow: 0 0 0 1px rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-select-wrapper select:focus + .duet-select {
-  box-shadow: 0 0 0 1px #e02a0d;
+  box-shadow: 0 0 0 1px rgb(224, 42, 13);
 }
 .duet-select-wrapper select[disabled] {
   cursor: default !important;
 }
 .duet-select-wrapper select[disabled] + .duet-select {
-  color: #00294d !important;
+  color: rgb(0, 41, 77) !important;
   cursor: default !important;
-  background: #f5f8fa !important;
-  border-color: #f5f8fa !important;
+  background: rgb(245, 248, 250) !important;
+  border-color: rgb(245, 248, 250) !important;
   box-shadow: none !important;
   opacity: 1 !important;
-  -webkit-text-fill-color: #00294d !important;
+  -webkit-text-fill-color: rgb(0, 41, 77) !important;
 }
 .duet-theme-turva .duet-select-wrapper select[disabled] + .duet-select {
-  color: #171c3a !important;
-  background: #f5f5f7 !important;
-  border-color: #f5f5f7 !important;
-  -webkit-text-fill-color: #171c3a !important;
+  color: rgb(23, 28, 58) !important;
+  background: rgb(245, 245, 247) !important;
+  border-color: rgb(245, 245, 247) !important;
+  -webkit-text-fill-color: rgb(23, 28, 58) !important;
 }
 
 .duet-select {
@@ -200,31 +200,31 @@ duet-tooltip {
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 1.5;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
-  background: white;
-  border: 1px solid #909599;
+  background: rgb(255, 255, 255);
+  border: 1px solid rgb(144, 149, 153);
   border-radius: 4px;
   transition: 150ms ease;
 }
 .has-error .duet-select {
-  border-color: #de2362 !important;
+  border-color: rgb(222, 35, 98) !important;
 }
 .has-error .duet-select .duet-select-icon {
-  color: #de2362 !important;
+  color: rgb(222, 35, 98) !important;
 }
 .duet-theme-turva.has-error .duet-select {
-  border-color: #e02a0d !important;
+  border-color: rgb(224, 42, 13) !important;
 }
 .duet-theme-turva.has-error .duet-select .duet-select-icon {
-  color: #e02a0d !important;
+  color: rgb(224, 42, 13) !important;
 }
 .duet-theme-turva .duet-select {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #171c3a;
-  border-color: #747475;
+  color: rgb(23, 28, 58);
+  border-color: rgb(116, 116, 117);
 }
 .duet-select svg {
   position: absolute;
@@ -233,12 +233,12 @@ duet-tooltip {
   z-index: 200;
   width: 20px;
   height: 20px;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   pointer-events: none;
   transform: translateY(-50%);
 }
 .duet-theme-turva .duet-select svg {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-select-variation-tiny .duet-select {
   width: 72px;
@@ -259,7 +259,7 @@ duet-tooltip {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #657787;
+  color: rgb(101, 119, 135);
   border-radius: 4px;
 }
 .duet-select-help span {
@@ -268,13 +268,13 @@ duet-tooltip {
 }
 .duet-theme-turva .duet-select-help {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #747475;
+  color: rgb(116, 116, 117);
 }
 .has-error .duet-select-help {
-  color: #de2362;
+  color: rgb(222, 35, 98);
 }
 .duet-theme-turva.has-error .duet-select-help {
-  color: #e02a0d;
+  color: rgb(224, 42, 13);
 }
 
 .duet-label-hidden duet-label {

package/lib/collection/components/duet-select/duet-select.js

@@ -169,7 +169,8 @@ export class DuetSelect {
           "resolved": "\"default\" | \"tiny\"",
           "references": {
             "DuetSelectVariation": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         },
@@ -463,7 +464,8 @@ export class DuetSelect {
           "resolved": "(DuetSelectOption | DuetSelectOptionGroup)[] | string",
           "references": {
             "DuetSelectItems": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         },
@@ -611,7 +613,8 @@ export class DuetSelect {
           "resolved": "{ originalEvent?: Event; component: \"duet-select\"; value: string; }",
           "references": {
             "DuetSelectEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         }
@@ -630,7 +633,8 @@ export class DuetSelect {
           "resolved": "{ originalEvent?: Event; component: \"duet-select\"; value: string; }",
           "references": {
             "DuetSelectEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         }
@@ -649,7 +653,8 @@ export class DuetSelect {
           "resolved": "{ originalEvent?: Event; component: \"duet-select\"; value: string; }",
           "references": {
             "DuetSelectEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx"
             }
           }
         }

package/lib/collection/components/duet-slideout/duet-slideout.css

@@ -76,7 +76,6 @@
   width: 100%;
   height: 100%;
   overflow-y: auto;
-  background: white;
   box-shadow: 0 3px 6px 0 rgba(0, 41, 77, 0.1) inset;
 }
 @media (min-width: 62em) {
@@ -122,13 +121,13 @@
 }
 .duet-slideout.duet-theme-turva button {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-slideout.duet-theme-turva button.active {
-  color: #c60c30;
+  color: rgb(198, 12, 48);
 }
 .duet-slideout.duet-theme-turva button.active::after {
-  background: #c60c30;
+  background: rgb(198, 12, 48);
 }
 
 ::slotted(*) {
@@ -136,10 +135,10 @@
 }
 
 slot {
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-theme-turva slot {
-  color: #940925;
+  color: rgb(148, 9, 37);
 }
 
 slot[name=toggle] {

package/lib/collection/components/duet-slideout/duet-slideout.js

@@ -10,6 +10,7 @@ export class DuetSlideout {
     this.toggleMenu = (e) => {
       const toggle = !this.open;
       this.open = toggle;
+      this.openButton.setAttribute("aria-expanded", this.open.toString());
       this.duetSlideoutEvent.emit({
         originalEvent: e,
         data: { element: this.element, open: this.open },
@@ -31,7 +32,7 @@ export class DuetSlideout {
     };
     this.theme = "";
     this.open = false;
-    this.background = "";
+    this.backgroundColor = "gray-lightest";
   }
   /**
    * Toggles the slideout.
@@ -74,7 +75,7 @@ export class DuetSlideout {
    */
   render() {
     const styles = {
-      background: getColorByName(this.background, this.theme),
+      background: getColorByName(this.backgroundColor, this.theme),
     };
     return (h(Host, null, h("div", { class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { name: "toggle" }), h("div", { class: {
         "desktop-bg": true,
@@ -146,9 +147,9 @@ export class DuetSlideout {
         "reflect": true,
         "defaultValue": "false"
       },
-      "background": {
+      "backgroundColor": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "DuetColor",
           "resolved": "string",
@@ -163,11 +164,11 @@ export class DuetSlideout {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Custom color to be used for a circular background, as a design token entered\nin camelCase or kebab-case.."
+          "text": "Background color. Use one of the color tokens."
         },
-        "attribute": "background",
-        "reflect": false,
-        "defaultValue": "\"\""
+        "attribute": "background-color",
+        "reflect": true,
+        "defaultValue": "\"gray-lightest\""
       }
     };
   }
@@ -187,7 +188,8 @@ export class DuetSlideout {
           "resolved": "{ originalEvent: Event; data: { element: HTMLElement; open: boolean; }; component: \"duet-slideout\"; }",
           "references": {
             "DuetSlideoutEventDetails": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-slideout/duet-slideout.tsx"
             }
           }
         }

package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css

@@ -47,10 +47,10 @@
   font-size: 16px;
   font-weight: 600;
   line-height: 150%;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   content: "|";
 }
 
 .duet-theme-turva ::slotted(:not(:last-child))::after {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }

package/lib/collection/components/duet-slideout-link/duet-slideout-link.css

@@ -56,11 +56,11 @@
   width: 100%;
   height: var(--active-height, 2px);
   content: "";
-  background: #0077b3;
+  background: rgb(0, 119, 179);
   transform: var(--active-translate-y, translateY(2px));
 }
 .duet-slideout-link.active.duet-theme-turva span::after {
-  background: #c60c30;
+  background: rgb(198, 12, 48);
 }
 .duet-slideout-link.small {
   font-size: 1rem;
@@ -85,8 +85,8 @@ slot[name=description]::slotted(*) {
   font-size: 1rem;
   font-size: 1.25;
   font-weight: 400;
-  color: #657787;
+  color: rgb(101, 119, 135);
 }
 .duet-theme-turva slot[name=description]::slotted(*) {
-  color: #444445;
+  color: rgb(68, 68, 69);
 }

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css

@@ -52,7 +52,7 @@
   font-size: 1.5rem;
   font-weight: 800;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-align: left;
   text-decoration: none;
   cursor: pointer;
@@ -92,7 +92,7 @@
   width: 100%;
   height: 2px;
   content: "";
-  background: #0077b3;
+  background: rgb(0, 119, 179);
   transform: translateY(2px);
 }
 .duet-slideout-panel .dialog {
@@ -130,7 +130,7 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   opacity: 1;
   transition: top 0.3s ease-in, opacity 0.3s ease-in;
 }
@@ -141,18 +141,18 @@
   justify-content: flex-start;
   padding: 1rem 16px;
   overflow-y: auto;
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-slideout-panel.duet-theme-turva .link {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #940925;
+  color: rgb(148, 9, 37);
 }
 .duet-slideout-panel.duet-theme-turva .link.active .label-text::after {
-  background: #c60c30;
+  background: rgb(198, 12, 48);
 }
 .duet-slideout-panel.duet-theme-turva .top span {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 
 slot:not([name=label]) {
@@ -160,8 +160,8 @@ slot:not([name=label]) {
   --active-translate-y: translateY(1px);
   font-size: 1rem;
   font-weight: 600;
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-theme-turva slot:not([name=label]) {
-  color: #940925;
+  color: rgb(148, 9, 37);
 }

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css

@@ -54,7 +54,7 @@
   font-size: 1.25rem;
   font-weight: 800;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -75,7 +75,7 @@
   width: calc(100% - 18px);
   height: 1px;
   content: "";
-  background: #0077b3;
+  background: rgb(0, 119, 179);
   transform: translateY(1px);
 }
 .duet-slideout-panel-dropdown .items {
@@ -104,7 +104,7 @@
 }
 .duet-slideout-panel-dropdown.duet-theme-turva button {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #940925;
+  color: rgb(148, 9, 37);
 }
 
 slot {
@@ -112,10 +112,10 @@ slot {
   --active-translate-y: translateY(1px);
   font-size: 1rem;
   font-weight: 400;
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-theme-turva slot {
-  color: #940925;
+  color: rgb(148, 9, 37);
 }
 
 slot[name=label] {

package/lib/collection/components/duet-spacer/duet-spacer.js

@@ -48,7 +48,8 @@ export class DuetSpacer {
           "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
           "references": {
             "DuetSpacerSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx"
             }
           }
         },
@@ -93,7 +94,8 @@ export class DuetSpacer {
           "resolved": "\"\" | \"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\"",
           "references": {
             "DuetSpacerBreakpoint": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx"
             }
           }
         },

package/lib/collection/components/duet-spinner/duet-spinner.css

@@ -15,11 +15,11 @@
 }
 
 :host(.duet-theme-default) .duet-spinner {
-  color: #0077b3 !important;
+  color: rgb(0, 119, 179) !important;
 }
 
 :host(.duet-theme-turva) .duet-spinner {
-  color: #c60c30 !important;
+  color: rgb(198, 12, 48) !important;
 }
 
 :host(.duet-custom-color) {
@@ -48,7 +48,7 @@
   z-index: 800;
   width: 24px;
   height: 24px;
-  color: #0077b3;
+  color: rgb(0, 119, 179);
   border: 2px solid transparent;
   border-left: 2px solid currentColor;
   border-radius: 50%;

package/lib/collection/components/duet-spinner/duet-spinner.js

@@ -94,7 +94,8 @@ export class DuetSpinner {
           "resolved": "\"large\" | \"medium\" | \"small\"",
           "references": {
             "DuetSpinnerSize": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spinner/duet-spinner.tsx"
             }
           }
         },

package/lib/collection/components/duet-step/duet-step.css

@@ -28,7 +28,7 @@
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 1rem;
   font-weight: 600;
-  background: white;
+  background: rgb(255, 255, 255);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
 }
 .duet-step.duet-theme-turva {
@@ -73,10 +73,10 @@
   opacity: 0.75;
 }
 :host(.user-is-tabbing) .duet-step-heading:focus {
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
 }
 :host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
 }
 .is-complete .duet-step-heading:hover .duet-step-counter, .is-disabled .duet-step-heading:hover .duet-step-counter {
   background-color: #005f8f;
@@ -109,7 +109,7 @@
   width: 30px;
   height: 30px;
   line-height: 30px;
-  color: white;
+  color: rgb(255, 255, 255);
   text-align: center;
   border-radius: 50%;
   transition: background-color 300ms ease;
@@ -122,16 +122,16 @@
   }
 }
 .is-complete .duet-step-counter, .is-current .duet-step-counter, .is-disabled .duet-step-counter {
-  background-color: #0077b3;
+  background-color: rgb(0, 119, 179);
 }
 .duet-theme-turva.is-complete .duet-step-counter, .duet-theme-turva.is-current .duet-step-counter, .duet-theme-turva.is-disabled .duet-step-counter {
-  background-color: #c60c30;
+  background-color: rgb(198, 12, 48);
 }
 .is-incomplete .duet-step-counter {
-  background-color: #657787;
+  background-color: rgb(101, 119, 135);
 }
 .duet-theme-turva.is-incomplete .duet-step-counter {
-  background-color: #747475;
+  background-color: rgb(116, 116, 117);
 }
 
 .duet-step-icon {
@@ -163,10 +163,10 @@
     min-height: 20px;
     padding-left: 40px;
     margin-left: 19px;
-    border-left: 2px solid #e1e3e6;
+    border-left: 2px solid rgb(225, 227, 230);
   }
   .duet-theme-turva .duet-step-content-wrapper {
-    border-color: #e4e4e6;
+    border-color: rgb(228, 228, 230);
   }
   :host(:last-of-type) .duet-step-content-wrapper {
     min-height: 0;

package/lib/collection/components/duet-step/duet-step.js

@@ -192,7 +192,8 @@ export class DuetStep {
           "resolved": "\"complete\" | \"current\" | \"disabled\" | \"incomplete\"",
           "references": {
             "DuetStepState": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-step/duet-step.tsx"
             }
           }
         },
@@ -268,7 +269,8 @@ export class DuetStep {
           "resolved": "{ originalEvent: KeyboardEvent | MouseEvent; component: \"duet-step\"; stepIndex: number; }",
           "references": {
             "DuetStepClickEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-step/duet-step.tsx"
             }
           }
         }

package/lib/collection/components/duet-stepper/duet-stepper.css

@@ -31,7 +31,7 @@
     padding: 28px !important;
     padding-top: 36px !important;
     padding-bottom: 36px !important;
-    background: white;
+    background: rgb(255, 255, 255);
     border-radius: 4px;
     box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
   }

package/lib/collection/components/duet-stepper/duet-stepper.js

@@ -222,7 +222,8 @@ export class DuetStepper {
           "resolved": "{ component: \"duet-stepper\"; fromStep: number; toStep: number; }",
           "references": {
             "DuetStepChangeEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-stepper/duet-stepper.tsx"
             }
           }
         }