@duetds/components 9.17.0 → 9.19.0

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   position: fixed;
   right: 0;
   bottom: 0;
@@ -43,12 +43,13 @@
 }
 
 :host(.user-is-tabbing:not(.descendant-focused):focus) {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
   border-radius: 4px;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
 }
-
-:host(.user-is-tabbing:not(.descendant-focused).duet-theme-turva:focus) {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+.duet-theme-turva :host(.user-is-tabbing:not(.descendant-focused):focus), :host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing:not(.descendant-focused):focus), :host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 
 .duet-cookie-consent {
@@ -94,8 +95,8 @@
 ::slotted(a) {
   font-weight: 600;
   color: rgb(255, 255, 255) !important;
-  text-decoration: underline;
   white-space: nowrap;
+  text-decoration: underline;
 }
 
 ::slotted(a[target=_blank]) {
@@ -105,13 +106,12 @@
 }
 
 ::slotted(a:focus) {
-  outline: 0;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
 }
-
-.duet-theme-turva ::slotted(a:focus) {
-  outline: 0;
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+.duet-theme-turva ::slotted(a:focus), ::slotted(a:focus).duet-theme-turva, .duet-theme-turva2 ::slotted(a:focus), ::slotted(a:focus).duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 
 :host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva {

package/lib/collection/components/duet-date-picker/duet-date-picker.css

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   margin-right: 16px !important;
   margin-bottom: 12px !important;
   position: relative;
@@ -27,12 +27,15 @@
   width: 100%;
   min-width: calc(33.333% - 8px);
   max-width: 100%;
-  text-align: left;
   vertical-align: top;
+  text-align: left;
 }
 :host:last-child, :host:last-of-type {
   margin-right: 0 !important;
 }
+[alignment=form-distribute] > :host:last-of-type {
+  margin-right: 16px !important;
+}
 @media (min-width: 36em) {
   :host {
     width: calc(50% - 16px - 3px);
@@ -96,10 +99,12 @@
   background: linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%);
 }
 .duet-date-button:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #909599 !important;
+  outline: 2px solid;
+  outline-color: rgb(98, 121, 138);
+  outline-offset: -1px;
 }
-.duet-theme-turva .duet-date-button:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #747475 !important;
+.duet-theme-turva .duet-date-button:hover:not(:disabled), .duet-date-button:hover:not(:disabled).duet-theme-turva, .duet-theme-turva2 .duet-date-button:hover:not(:disabled), .duet-date-button:hover:not(:disabled).duet-theme-turva2 {
+  outline-color: rgb(120, 145, 164);
 }
 .duet-date-button:disabled {
   pointer-events: none;
@@ -125,13 +130,19 @@
 .duet-date-input-has-focus .duet-date-button, .duet-date-button:focus {
   height: 46px;
   color: rgb(0, 119, 179);
-  border-color: transparent;
-  outline: 0;
-  box-shadow: 0 0 0 2px #0077b3 !important;
+}
+.duet-date-input-has-focus .duet-date-button:focus, .duet-date-button:focus:focus {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
+}
+.duet-theme-turva .duet-date-input-has-focus .duet-date-button:focus, .duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva, .duet-theme-turva2 .duet-date-input-has-focus .duet-date-button:focus, .duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva2, .duet-theme-turva .duet-date-button:focus:focus, .duet-date-button:focus:focus.duet-theme-turva, .duet-theme-turva2 .duet-date-button:focus:focus, .duet-date-button:focus:focus.duet-theme-turva2 {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-theme-turva.duet-date-input-has-focus .duet-date-button, .duet-theme-turva .duet-date-button:focus {
   color: rgb(23, 28, 58);
-  box-shadow: 0 0 0 2px #171c3a !important;
 }
 
 .input-error {
@@ -146,12 +157,12 @@
   left: 0;
   z-index: 900;
   display: flex;
-  width: 100%;
   visibility: hidden;
+  width: 100%;
   opacity: 0;
-  transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
   transform: scale(0.96) translateZ(0) translateY(-20px);
   transform-origin: top right;
+  transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
 }
 @media (min-width: 36em) {
   .duet-date-dialog.left {
@@ -166,16 +177,16 @@
     top: 0;
     right: 0;
     bottom: 0;
-    transition: opacity 400ms ease, visibility 400ms ease;
     transform: translateZ(0);
     transform-origin: bottom center;
+    transition: opacity 400ms ease, visibility 400ms ease;
   }
 }
 .duet-date-dialog.active {
   visibility: visible;
   opacity: 1;
-  transition-property: transform, opacity;
   transform: scale(1.0001) translateZ(0) translateY(0);
+  transition-property: transform, opacity;
 }
 @media (min-width: 36em) {
   .duet-date-dialog.error {
@@ -208,24 +219,24 @@
     bottom: 0;
     left: 0;
     z-index: 900;
+    visibility: hidden;
     max-width: none;
     min-height: 25em;
     padding: 0 8% 20px;
     margin: 0;
-    visibility: hidden;
     border: 0;
     border-radius: 0;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     opacity: 0;
-    transition: transform 400ms ease, opacity 400ms ease, visibility 400ms ease;
     transform: translateZ(0) translateY(100%);
+    transition: transform 400ms ease, opacity 400ms ease, visibility 400ms ease;
   }
   .active .duet-date-dialog-wrapper {
     visibility: visible;
     opacity: 1;
-    transition-property: transform, opacity;
     transform: translateZ(0) translateY(0);
+    transition-property: transform, opacity;
   }
 }
 
@@ -249,9 +260,9 @@
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 1.25;
-  text-decoration: none;
   text-transform: uppercase;
   letter-spacing: 1px;
+  text-decoration: none;
 }
 .duet-date-table .duet-date-table-cell {
   text-align: center;
@@ -274,9 +285,9 @@
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 2.6 !important;
+  vertical-align: initial !important;
   color: rgb(8, 42, 77) !important;
   text-align: center;
-  vertical-align: initial !important;
   cursor: pointer;
   background: transparent !important;
   border-radius: 50% !important;
@@ -305,54 +316,60 @@
 }
 .selected .duet-date-table-button, :focus .duet-date-table-button {
   color: rgb(255, 255, 255) !important;
-  background: rgb(0, 119, 179) !important;
   outline: 0;
+  background: rgb(0, 119, 179) !important;
 }
 .duet-theme-turva .selected .duet-date-table-button, .duet-theme-turva :focus .duet-date-table-button {
   color: rgb(255, 255, 255) !important;
   background: rgb(198, 12, 48) !important;
 }
 .duet-date-table-button:active {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
   z-index: 200;
   color: rgb(255, 255, 255) !important;
   background: rgb(0, 119, 179) !important;
-  box-shadow: 0 0 5px 0 #0077b3 !important;
+}
+.duet-theme-turva .duet-date-table-button:active, .duet-date-table-button:active.duet-theme-turva, .duet-theme-turva2 .duet-date-table-button:active, .duet-date-table-button:active.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-theme-turva .duet-date-table-button:active {
   color: rgb(255, 255, 255) !important;
   background: rgb(198, 12, 48) !important;
-  box-shadow: 0 0 5px 0 #171c3a !important;
 }
 :focus .duet-date-table-button {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
   z-index: 200;
-  box-shadow: 0 0 5px 0 #0077b3 !important;
 }
-.duet-theme-turva :focus .duet-date-table-button {
-  box-shadow: 0 0 5px 0 #171c3a !important;
+.duet-theme-turva :focus .duet-date-table-button, :focus .duet-date-table-button.duet-theme-turva, .duet-theme-turva2 :focus .duet-date-table-button, :focus .duet-date-table-button.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-date-table-button.disabled {
   color: rgb(127, 150, 165) !important;
   cursor: default;
+  outline: none !important;
   background: transparent !important;
-  box-shadow: none !important;
 }
 .duet-theme-turva .duet-date-table-button.disabled {
   color: rgb(143, 147, 158) !important;
+  outline: none !important;
   background: transparent !important;
-  box-shadow: none !important;
 }
 .duet-date-table-button.outside {
   color: rgb(127, 150, 165) !important;
   pointer-events: none;
   cursor: default;
+  outline: none;
   background: rgb(245, 248, 250) !important;
-  box-shadow: none;
   opacity: 0.75;
 }
 .duet-theme-turva .duet-date-table-button.outside {
   color: rgb(143, 147, 158);
+  outline: none;
   background: rgb(245, 247, 250);
-  box-shadow: none;
 }
 
 .duet-date-dialog-header {
@@ -409,10 +426,12 @@
   opacity: 0;
 }
 .duet-date-dialog-select select:focus + .duet-date-dialog-select-label {
-  box-shadow: 0 0 0 2px #0077b3 !important;
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-date-dialog-select select:focus + .duet-date-dialog-select-label {
-  box-shadow: 0 0 0 2px #171c3a !important;
+.duet-theme-turva .duet-date-dialog-select select:focus + .duet-date-dialog-select-label, .duet-date-dialog-select select:focus + .duet-date-dialog-select-label.duet-theme-turva, .duet-theme-turva2 .duet-date-dialog-select select:focus + .duet-date-dialog-select-label, .duet-date-dialog-select select:focus + .duet-date-dialog-select-label.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 
 .duet-date-dialog-mobile-header {
@@ -465,11 +484,11 @@
   height: 24px !important;
   padding: 0 !important;
   color: rgb(8, 42, 77) !important;
+  -webkit-appearance: none;
+  appearance: none;
   cursor: pointer;
   background: rgb(245, 248, 250) !important;
   border-radius: 50%;
-  -webkit-appearance: none;
-  appearance: none;
 }
 @media (min-width: 36em) {
   .duet-date-picker-close {
@@ -486,40 +505,41 @@
   background: rgb(245, 247, 250) !important;
 }
 .duet-date-picker-close:focus {
-  outline: none;
-  box-shadow: 0 0 0 2px #0077b3 !important;
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
+}
+.duet-theme-turva .duet-date-picker-close:focus, .duet-date-picker-close:focus.duet-theme-turva, .duet-theme-turva2 .duet-date-picker-close:focus, .duet-date-picker-close:focus.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
 }
 @media (min-width: 36em) {
   .duet-date-picker-close:focus {
     opacity: 1;
   }
 }
-.duet-theme-turva .duet-date-picker-close:focus {
-  box-shadow: 0 0 0 2px #171c3a !important;
-}
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-button {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-date-input-has-focus :host(.duet-theme-turva2) .duet-theme-turva, :host(.duet-theme-turva2) .duet-theme-turva:focus {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button {
-  color: #172a3b !important;
+  color: rgb(23, 42, 59) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:hover:not(.disabled) {
-  background: #fbe1d1 !important;
+  background: rgb(251, 225, 209) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.today {
-  background: #fdf7f2 !important;
+  background: rgb(253, 247, 242) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:active {
   color: rgb(255, 255, 255) !important;
-  background: #e61740 !important;
+  background: rgb(230, 23, 64) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.outside {
-  color: #7891a4 !important;
-  background: #f5f6f7 !important;
+  color: rgb(120, 145, 164) !important;
+  background: rgb(245, 246, 247) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.disabled {
   color: rgb(199, 202, 207) !important;
@@ -527,8 +547,8 @@
 :host(.duet-theme-turva2) .duet-theme-turva [aria-pressed=true] .duet-date-table-button,
 :host(.duet-theme-turva2) .duet-theme-turva :focus .duet-date-table-button {
   color: rgb(255, 255, 255) !important;
-  background: #e61740 !important;
+  background: rgb(230, 23, 64) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-date-table {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }

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

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   display: block;
   width: 100%;
 }
@@ -51,5 +51,5 @@
 }
 
 :host(.duet-theme-turva2) .duet-divider.duet-theme-turva {
-  background: #d4dde2;
+  background: rgb(212, 221, 226);
 }

package/lib/collection/components/duet-editable-table/duet-editable-table.css

@@ -2,11 +2,11 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 
 .duet-editable-table-actions-menu {

package/lib/collection/components/duet-empty-state/duet-empty-state.css

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   display: block;
   width: 100%;
   height: 100%;
@@ -29,11 +29,11 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   width: 100%;
   height: 100%;
   padding: 48px;
@@ -48,6 +48,6 @@
 }
 
 :host(.duet-theme-turva2) .duet-empty-state.duet-theme-turva {
-  color: #172a3b;
-  background: #f5f6f7;
+  color: rgb(23, 42, 59);
+  background: rgb(245, 246, 247);
 }

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

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   margin-bottom: 12px !important;
   display: block;
   width: 100%;
@@ -42,8 +42,8 @@ fieldset legend {
   height: 1px !important;
   padding: 0 !important;
   overflow: hidden !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
   border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
 }
 
 .duet-legend-wrapper {
@@ -132,10 +132,10 @@ fieldset legend {
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0 0 0 0);
   border: 0;
+  clip: rect(0 0 0 0);
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-legend-wrapper {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }

package/lib/collection/components/duet-file-chooser/duet-file-chooser.css

@@ -4,11 +4,11 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 
 .container {

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

@@ -4,22 +4,22 @@
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
 }
 
 :host {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
-  background: transparent;
-  border: 0;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  background: transparent;
+  border: 0;
   display: block;
   flex-shrink: 0;
   width: 100%;
@@ -72,20 +72,21 @@
   color: rgb(255, 255, 255);
   text-decoration: none;
 }
-@media (min-width: 62em) {
-  .duet-footer a {
-    border-radius: 4px;
-  }
-}
 .duet-footer a:focus {
   outline: 0;
 }
 :host(.user-is-tabbing) .duet-footer a:focus {
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(0, 119, 179, 0.8);
 }
-
-:host(.user-is-tabbing) .duet-theme-turva a:focus {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+.duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus, :host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-footer a:focus, :host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva2 {
+  outline-color: rgba(53, 79, 101, 0.8);
+}
+@media (min-width: 62em) {
+  .duet-footer a {
+    border-radius: 4px;
+  }
 }
 
 .duet-footer-wrapper {
@@ -223,8 +224,8 @@ duet-logo {
 }
 .duet-footer-menu a {
   display: inline-block;
-  text-decoration: none;
   overflow-wrap: break-word;
+  text-decoration: none;
 }
 .duet-footer-menu a:hover, .duet-footer-menu a:focus {
   text-decoration: underline;
@@ -330,16 +331,29 @@ duet-logo {
 }
 
 :host(.duet-theme-turva2) .duet-footer.duet-theme-turva {
-  background: #e61740;
+  background: rgb(230, 23, 64);
 }
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva {
-  color: #172a3b;
-  border-color: #d4dde2;
+  color: rgb(23, 42, 59);
+  border-color: rgb(212, 221, 226);
 }
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-copyright,
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-menu a {
-  color: #172a3b;
+  color: rgb(23, 42, 59);
 }
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-external {
-  color: #e61740;
+  color: rgb(230, 23, 64);
+}
+:host(.duet-theme-turva2) duet-logo {
+  margin-left: 28px !important;
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) duet-logo {
+    margin-left: 0 !important;
+  }
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) ::slotted([slot=info]) {
+    margin-top: 4px;
+  }
 }

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

@@ -134,7 +134,7 @@ export class DuetFooter {
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), h("slot", { key: 'd88c064ddca3e3dafc81f460513ad82954a98610', name: "extra" }), h("p", { key: '2a86e3021e849b0098a824f4770ab1fac0524ff1', class: "duet-footer-menu", part: "menu" }, h("span", { key: '46ed17532335add2cefab0e7db04c1078be774d0', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: 'c2b48cdf3eba48b8f36c4b4ec34745929a583cde', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '1a27be7b7525e42cbafd4938765f4fb663ad4d61' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: 'f9d8c513b27020cfa64c0726b6f643522fde10ff', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), h("slot", { key: '6953c48b8449d68d5fc5f20250f3c9a4a0220716', name: "extra" }), h("p", { key: 'a719de2f6b8c5553409230cb6f1b69a2f14030a7', class: "duet-footer-menu", part: "menu" }, h("span", { key: '882e6beba7e5a507d9b6c033cfe387f095d799c0', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '549cf0ba6c0d466d9b2780190587825ee9e0100d', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '8a536c457c02d57754058a461df7a8db0b1dd5dc' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: '994c9ba7d17e8f9074e1191711590d212c044e3d', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     static get is() { return "duet-footer"; }
     static get encapsulation() { return "shadow"; }