@ndwnu/design-system 0.0.1-beta.1 → 1.0.1

package/core/styles/ndw-styles.scss

@@ -42,6 +42,7 @@
   --_info-200: var(--_info), 91%;
   --_info-100: var(--_info), 95%;
   --_positive: 133, 92%;
+  --_positive-600: var(--_positive), 24%;
   --_positive-500: var(--_positive), 33%;
   --_positive-100: 117, 56%, 92%;
   --_negative: 0, 100%;
@@ -51,11 +52,13 @@
   --ndw-color-info-500: hsl(var(--_info-500));
   --ndw-color-info-200: hsl(var(--_info-200));
   --ndw-color-info-100: hsl(var(--_info-100));
+  --ndw-color-positive-600: hsl(var(--_positive-600));
   --ndw-color-positive-500: hsl(var(--_positive-500));
   --ndw-color-positive-100: hsl(var(--_positive-100));
   --ndw-color-negative-700: hsl(var(--_negative-700));
   --ndw-color-negative-500: hsl(var(--_negative-500));
   --ndw-color-negative-100: hsl(var(--_negative-100));
+  --ndw-color-info-alpha-40: hsla(var(--_info-500), var(--ndw-alpha-40));
   --ndw-color-notification: hsl(19, 100%, 35%);
   --_data-a-500: 133, 100%, 21%;
   --_data-a-100: 101, 61%, 81%;
@@ -64,9 +67,11 @@
   --_data-c-500: 209, 97%, 38%;
   --_data-c-100: 194, 95%, 84%;
   --_data-d-500: 292, 95%, 33%;
-  --_data-d-100: 292, 79%, 83%;
+  --_data-d-100: 292, 100%, 87%;
   --_data-e-500: 51, 95%, 23%;
-  --_data-e-100: 54, 70%, 72%;
+  --_data-e-100: 54, 89%, 79%;
+  --_data-f-500: 0, 97%, 35%;
+  --_data-f-100: 0, 100%, 94%;
   --ndw-color-data-a-500: hsl(var(--_data-a-500));
   --ndw-color-data-a-100: hsl(var(--_data-a-100));
   --ndw-color-data-b-500: hsl(var(--_data-b-500));
@@ -77,8 +82,10 @@
   --ndw-color-data-d-100: hsl(var(--_data-d-100));
   --ndw-color-data-e-500: hsl(var(--_data-e-500));
   --ndw-color-data-e-100: hsl(var(--_data-e-100));
+  --ndw-color-data-f-500: hsl(var(--_data-f-500));
+  --ndw-color-data-f-100: hsl(var(--_data-f-100));
   /* Alpha */
-  --ndw-alpha-40: 0.40;
+  --ndw-alpha-40: 0.4;
   --ndw-alpha-15: 0.15;
   --ndw-alpha-7: 0.07;
   /* Spacing */
@@ -106,6 +113,7 @@
   --ndw-elevation-info: 0 0 0.5rem 0 hsla(var(--_info-500), 0.25);
   --ndw-elevation-content: 0 0.125rem 0.125rem 0 hsla(var(--_grey-600), 0.05);
   --ndw-elevation-dropdown: 0 0.25rem 1rem hsla(var(--_grey-600), 0.125);
+  --ndw-backdrop-color: hsla(var(--_grey-600), var(--ndw-alpha-40));
   /* Animation */
   --ndw-animation-speed-fast: 200ms;
   --ndw-animation-speed-default: 300ms;
@@ -233,13 +241,14 @@
   gap: var(--ndw-spacing-2xs);
   height: var(--ndw-spacing-xl);
   padding: var(--ndw-spacing-2xs) var(--ndw-spacing-xs);
+  width: fit-content;
   cursor: pointer;
   background-color: var(--ndw-background-primary);
   border: var(--ndw-border-size-sm) solid var(--ndw-background-primary);
   border-radius: var(--ndw-border-radius-sm);
   transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out;
   color: var(--ndw-foreground-primary);
-  font-family: "Object Sans", sans-serif;
+  font-family: var(--ndw-font-family);
   font-size: var(--ndw-font-size-sm);
   font-weight: var(--ndw-font-weight-regular);
   text-align: start;
@@ -296,72 +305,53 @@
   user-select: none;
 }
 
-input[type=checkbox][ndwInput] {
-  display: none;
-}
-input[type=checkbox][ndwInput] ~ label {
-  font-family: var(--ndw-font-family);
-  font-size: 0.8125rem;
-  font-weight: var(--ndw-font-weight-regular);
-  line-height: 150%;
-  align-items: center;
-  color: var(--ndw-color-grey-600);
-  cursor: pointer;
-  display: flex;
-  margin-top: var(--ndw-spacing-2xs);
-  width: fit-content;
-}
-input[type=checkbox][ndwInput] ~ label::before {
+@keyframes show {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.cdk-overlay-pane.ndw-dropdown-panel {
+  animation: show var(--ndw-animation-speed-default) ease-in;
   background-color: var(--ndw-color-white);
-  box-sizing: border-box;
-  content: "";
-  width: 1.25rem;
-  height: 1.25rem;
-  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);
-  margin: calc(var(--ndw-spacing-2xs) * -1) var(--ndw-spacing-xs) 0 auto;
-  padding: var(--ndw-spacing-3xs);
-  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
-}
-input[type=checkbox][ndwInput]:checked ~ label::before {
-  background-color: var(--ndw-color-primary-500);
-  border-color: var(--ndw-color-primary-500);
+  border-radius: var(--ndw-border-radius-md);
+  box-shadow: var(--ndw-elevation-dropdown);
+  display: grid;
+  padding: var(--ndw-spacing-sm);
 }
-input[type=checkbox][ndwInput]:not(:checked) ~ label:hover::before {
+
+[ndwButton][filter] {
   background-color: var(--ndw-color-white);
-  border-color: var(--ndw-color-primary-500);
+  border-color: var(--ndw-color-grey-200);
+  color: var(--ndw-color-grey-600);
+  height: var(--ndw-spacing-2xl);
 }
-input[type=checkbox][ndwInput]:not(:checked) ~ label:active::before, input[type=checkbox][ndwInput]:not(:checked) ~ label:focus::before, input[type=checkbox][ndwInput]:not(:checked) ~ label:focus-visible::before {
-  border-color: var(--ndw-color-info-500);
+[ndwButton][filter] ndw-icon {
+  color: var(--ndw-color-primary);
 }
-input[type=checkbox][ndwInput][error] ~ label::before {
-  border-color: var(--ndw-color-negative-500);
+[ndwButton][filter]:hover {
+  border-color: var(--ndw-color-primary);
 }
-input[type=checkbox][ndwInput][error]:not(:checked) ~ label::before {
-  background-color: var(--ndw-color-negative-100);
+[ndwButton][filter]:active {
+  background-color: var(--ndw-color-primary-100);
 }
-input[type=checkbox][ndwInput][disabled] ~ label {
+[ndwButton][filter][disabled] {
+  background-color: var(--ndw-color-grey-100);
   color: var(--ndw-color-grey-400);
   pointer-events: none;
   user-select: none;
 }
-input[type=checkbox][ndwInput][disabled] ~ label::before {
-  background-color: var(--ndw-color-grey-100);
-  border-color: var(--ndw-color-grey-200);
-}
-input[type=checkbox][ndwInput][disabled]:checked ~ label::before {
-  background-color: var(--ndw-color-grey-200);
-}
-input[type=checkbox][ndwInput] ~ label::before {
-  border-radius: var(--ndw-border-radius-sm);
-}
-input[type=checkbox][ndwInput]:checked ~ label::before {
-  content: url('data:image/svg+xml, %3Csvg viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.707 8.7325L1.414 5.4395L0 6.8535L4.707 11.5605L14.414 1.8535L13 0.439499L4.707 8.7325Z" fill="white"/%3E%3C/svg%3E');
+[ndwButton][filter][disabled] ndw-icon {
+  color: var(--ndw-color-grey-400);
 }
 
 [ndwInput] {
   background-color: var(--ndw-color-white);
   border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);
   border-radius: var(--ndw-border-radius-sm);
+  box-sizing: border-box;
   color: var(--ndw-color-grey-600);
   font-size: var(--ndw-font-size-sm);
   height: var(--ndw-spacing-2xl);
@@ -474,13 +464,17 @@ a[ndwLink][disabled] {
   user-select: none;
 }
 
+.ndw-overlay-backdrop {
+  background-color: var(--ndw-backdrop-color);
+}
+
 [ndwButton][menu] {
   background-color: transparent;
   border-color: transparent;
   border-radius: 0;
   color: var(--ndw-color-grey-300);
   gap: var(--ndw-spacing-xs);
-  height: 2.75rem;
+  height: 2.625rem;
   padding-inline: 0;
   position: relative;
   width: 100%;
@@ -496,68 +490,6 @@ a[ndwLink][disabled] {
   color: var(--ndw-color-white);
 }
 
-input[type=radio][ndwInput] {
-  display: none;
-}
-input[type=radio][ndwInput] ~ label {
-  font-family: var(--ndw-font-family);
-  font-size: 0.8125rem;
-  font-weight: var(--ndw-font-weight-regular);
-  line-height: 150%;
-  align-items: center;
-  color: var(--ndw-color-grey-600);
-  cursor: pointer;
-  display: flex;
-  margin-top: var(--ndw-spacing-2xs);
-  width: fit-content;
-}
-input[type=radio][ndwInput] ~ label::before {
-  background-color: var(--ndw-color-white);
-  box-sizing: border-box;
-  content: "";
-  width: 1.25rem;
-  height: 1.25rem;
-  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);
-  margin: calc(var(--ndw-spacing-2xs) * -1) var(--ndw-spacing-xs) 0 auto;
-  padding: var(--ndw-spacing-3xs);
-  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
-}
-input[type=radio][ndwInput]:checked ~ label::before {
-  background-color: var(--ndw-color-primary-500);
-  border-color: var(--ndw-color-primary-500);
-}
-input[type=radio][ndwInput]:not(:checked) ~ label:hover::before {
-  background-color: var(--ndw-color-white);
-  border-color: var(--ndw-color-primary-500);
-}
-input[type=radio][ndwInput]:not(:checked) ~ label:active::before, input[type=radio][ndwInput]:not(:checked) ~ label:focus::before, input[type=radio][ndwInput]:not(:checked) ~ label:focus-visible::before {
-  border-color: var(--ndw-color-info-500);
-}
-input[type=radio][ndwInput][error] ~ label::before {
-  border-color: var(--ndw-color-negative-500);
-}
-input[type=radio][ndwInput][error]:not(:checked) ~ label::before {
-  background-color: var(--ndw-color-negative-100);
-}
-input[type=radio][ndwInput][disabled] ~ label {
-  color: var(--ndw-color-grey-400);
-  pointer-events: none;
-  user-select: none;
-}
-input[type=radio][ndwInput][disabled] ~ label::before {
-  background-color: var(--ndw-color-grey-100);
-  border-color: var(--ndw-color-grey-200);
-}
-input[type=radio][ndwInput][disabled]:checked ~ label::before {
-  background-color: var(--ndw-color-grey-200);
-}
-input[type=radio][ndwInput] ~ label::before {
-  border-radius: 50%;
-}
-input[type=radio][ndwInput]:checked ~ label::before {
-  content: url('data:image/svg+xml, %3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle r="6" cx="10" cy="10" fill="white"/%3E%3C/svg%3E');
-}
-
 .cdk-overlay-pane.tooltip-bottom ndw-tooltip::before {
   bottom: auto;
   top: calc(var(--ndw-spacing-2xs) * -1);

package/core/styles/nwb-styles.scss

@@ -42,6 +42,7 @@
   --_info-200: var(--_info), 91%;
   --_info-100: var(--_info), 95%;
   --_positive: 133, 92%;
+  --_positive-600: var(--_positive), 24%;
   --_positive-500: var(--_positive), 33%;
   --_positive-100: 117, 56%, 92%;
   --_negative: 0, 100%;
@@ -51,11 +52,13 @@
   --ndw-color-info-500: hsl(var(--_info-500));
   --ndw-color-info-200: hsl(var(--_info-200));
   --ndw-color-info-100: hsl(var(--_info-100));
+  --ndw-color-positive-600: hsl(var(--_positive-600));
   --ndw-color-positive-500: hsl(var(--_positive-500));
   --ndw-color-positive-100: hsl(var(--_positive-100));
   --ndw-color-negative-700: hsl(var(--_negative-700));
   --ndw-color-negative-500: hsl(var(--_negative-500));
   --ndw-color-negative-100: hsl(var(--_negative-100));
+  --ndw-color-info-alpha-40: hsla(var(--_info-500), var(--ndw-alpha-40));
   --ndw-color-notification: hsl(19, 100%, 35%);
   --_data-a-500: 133, 100%, 21%;
   --_data-a-100: 101, 61%, 81%;
@@ -64,9 +67,11 @@
   --_data-c-500: 209, 97%, 38%;
   --_data-c-100: 194, 95%, 84%;
   --_data-d-500: 292, 95%, 33%;
-  --_data-d-100: 292, 79%, 83%;
+  --_data-d-100: 292, 100%, 87%;
   --_data-e-500: 51, 95%, 23%;
-  --_data-e-100: 54, 70%, 72%;
+  --_data-e-100: 54, 89%, 79%;
+  --_data-f-500: 0, 97%, 35%;
+  --_data-f-100: 0, 100%, 94%;
   --ndw-color-data-a-500: hsl(var(--_data-a-500));
   --ndw-color-data-a-100: hsl(var(--_data-a-100));
   --ndw-color-data-b-500: hsl(var(--_data-b-500));
@@ -77,8 +82,10 @@
   --ndw-color-data-d-100: hsl(var(--_data-d-100));
   --ndw-color-data-e-500: hsl(var(--_data-e-500));
   --ndw-color-data-e-100: hsl(var(--_data-e-100));
+  --ndw-color-data-f-500: hsl(var(--_data-f-500));
+  --ndw-color-data-f-100: hsl(var(--_data-f-100));
   /* Alpha */
-  --ndw-alpha-40: 0.40;
+  --ndw-alpha-40: 0.4;
   --ndw-alpha-15: 0.15;
   --ndw-alpha-7: 0.07;
   /* Spacing */
@@ -106,6 +113,7 @@
   --ndw-elevation-info: 0 0 0.5rem 0 hsla(var(--_info-500), 0.25);
   --ndw-elevation-content: 0 0.125rem 0.125rem 0 hsla(var(--_grey-600), 0.05);
   --ndw-elevation-dropdown: 0 0.25rem 1rem hsla(var(--_grey-600), 0.125);
+  --ndw-backdrop-color: hsla(var(--_grey-600), var(--ndw-alpha-40));
   /* Animation */
   --ndw-animation-speed-fast: 200ms;
   --ndw-animation-speed-default: 300ms;
@@ -233,13 +241,14 @@
   gap: var(--ndw-spacing-2xs);
   height: var(--ndw-spacing-xl);
   padding: var(--ndw-spacing-2xs) var(--ndw-spacing-xs);
+  width: fit-content;
   cursor: pointer;
   background-color: var(--ndw-background-primary);
   border: var(--ndw-border-size-sm) solid var(--ndw-background-primary);
   border-radius: var(--ndw-border-radius-sm);
   transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out;
   color: var(--ndw-foreground-primary);
-  font-family: "Object Sans", sans-serif;
+  font-family: var(--ndw-font-family);
   font-size: var(--ndw-font-size-sm);
   font-weight: var(--ndw-font-weight-regular);
   text-align: start;
@@ -296,72 +305,53 @@
   user-select: none;
 }
 
-input[type=checkbox][ndwInput] {
-  display: none;
-}
-input[type=checkbox][ndwInput] ~ label {
-  font-family: var(--ndw-font-family);
-  font-size: 0.8125rem;
-  font-weight: var(--ndw-font-weight-regular);
-  line-height: 150%;
-  align-items: center;
-  color: var(--ndw-color-grey-600);
-  cursor: pointer;
-  display: flex;
-  margin-top: var(--ndw-spacing-2xs);
-  width: fit-content;
-}
-input[type=checkbox][ndwInput] ~ label::before {
+@keyframes show {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.cdk-overlay-pane.ndw-dropdown-panel {
+  animation: show var(--ndw-animation-speed-default) ease-in;
   background-color: var(--ndw-color-white);
-  box-sizing: border-box;
-  content: "";
-  width: 1.25rem;
-  height: 1.25rem;
-  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);
-  margin: calc(var(--ndw-spacing-2xs) * -1) var(--ndw-spacing-xs) 0 auto;
-  padding: var(--ndw-spacing-3xs);
-  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
-}
-input[type=checkbox][ndwInput]:checked ~ label::before {
-  background-color: var(--ndw-color-primary-500);
-  border-color: var(--ndw-color-primary-500);
+  border-radius: var(--ndw-border-radius-md);
+  box-shadow: var(--ndw-elevation-dropdown);
+  display: grid;
+  padding: var(--ndw-spacing-sm);
 }
-input[type=checkbox][ndwInput]:not(:checked) ~ label:hover::before {
+
+[ndwButton][filter] {
   background-color: var(--ndw-color-white);
-  border-color: var(--ndw-color-primary-500);
+  border-color: var(--ndw-color-grey-200);
+  color: var(--ndw-color-grey-600);
+  height: var(--ndw-spacing-2xl);
 }
-input[type=checkbox][ndwInput]:not(:checked) ~ label:active::before, input[type=checkbox][ndwInput]:not(:checked) ~ label:focus::before, input[type=checkbox][ndwInput]:not(:checked) ~ label:focus-visible::before {
-  border-color: var(--ndw-color-info-500);
+[ndwButton][filter] ndw-icon {
+  color: var(--ndw-color-primary);
 }
-input[type=checkbox][ndwInput][error] ~ label::before {
-  border-color: var(--ndw-color-negative-500);
+[ndwButton][filter]:hover {
+  border-color: var(--ndw-color-primary);
 }
-input[type=checkbox][ndwInput][error]:not(:checked) ~ label::before {
-  background-color: var(--ndw-color-negative-100);
+[ndwButton][filter]:active {
+  background-color: var(--ndw-color-primary-100);
 }
-input[type=checkbox][ndwInput][disabled] ~ label {
+[ndwButton][filter][disabled] {
+  background-color: var(--ndw-color-grey-100);
   color: var(--ndw-color-grey-400);
   pointer-events: none;
   user-select: none;
 }
-input[type=checkbox][ndwInput][disabled] ~ label::before {
-  background-color: var(--ndw-color-grey-100);
-  border-color: var(--ndw-color-grey-200);
-}
-input[type=checkbox][ndwInput][disabled]:checked ~ label::before {
-  background-color: var(--ndw-color-grey-200);
-}
-input[type=checkbox][ndwInput] ~ label::before {
-  border-radius: var(--ndw-border-radius-sm);
-}
-input[type=checkbox][ndwInput]:checked ~ label::before {
-  content: url('data:image/svg+xml, %3Csvg viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.707 8.7325L1.414 5.4395L0 6.8535L4.707 11.5605L14.414 1.8535L13 0.439499L4.707 8.7325Z" fill="white"/%3E%3C/svg%3E');
+[ndwButton][filter][disabled] ndw-icon {
+  color: var(--ndw-color-grey-400);
 }
 
 [ndwInput] {
   background-color: var(--ndw-color-white);
   border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);
   border-radius: var(--ndw-border-radius-sm);
+  box-sizing: border-box;
   color: var(--ndw-color-grey-600);
   font-size: var(--ndw-font-size-sm);
   height: var(--ndw-spacing-2xl);
@@ -474,13 +464,17 @@ a[ndwLink][disabled] {
   user-select: none;
 }
 
+.ndw-overlay-backdrop {
+  background-color: var(--ndw-backdrop-color);
+}
+
 [ndwButton][menu] {
   background-color: transparent;
   border-color: transparent;
   border-radius: 0;
   color: var(--ndw-color-grey-300);
   gap: var(--ndw-spacing-xs);
-  height: 2.75rem;
+  height: 2.625rem;
   padding-inline: 0;
   position: relative;
   width: 100%;
@@ -496,68 +490,6 @@ a[ndwLink][disabled] {
   color: var(--ndw-color-white);
 }
 
-input[type=radio][ndwInput] {
-  display: none;
-}
-input[type=radio][ndwInput] ~ label {
-  font-family: var(--ndw-font-family);
-  font-size: 0.8125rem;
-  font-weight: var(--ndw-font-weight-regular);
-  line-height: 150%;
-  align-items: center;
-  color: var(--ndw-color-grey-600);
-  cursor: pointer;
-  display: flex;
-  margin-top: var(--ndw-spacing-2xs);
-  width: fit-content;
-}
-input[type=radio][ndwInput] ~ label::before {
-  background-color: var(--ndw-color-white);
-  box-sizing: border-box;
-  content: "";
-  width: 1.25rem;
-  height: 1.25rem;
-  border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);
-  margin: calc(var(--ndw-spacing-2xs) * -1) var(--ndw-spacing-xs) 0 auto;
-  padding: var(--ndw-spacing-3xs);
-  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
-}
-input[type=radio][ndwInput]:checked ~ label::before {
-  background-color: var(--ndw-color-primary-500);
-  border-color: var(--ndw-color-primary-500);
-}
-input[type=radio][ndwInput]:not(:checked) ~ label:hover::before {
-  background-color: var(--ndw-color-white);
-  border-color: var(--ndw-color-primary-500);
-}
-input[type=radio][ndwInput]:not(:checked) ~ label:active::before, input[type=radio][ndwInput]:not(:checked) ~ label:focus::before, input[type=radio][ndwInput]:not(:checked) ~ label:focus-visible::before {
-  border-color: var(--ndw-color-info-500);
-}
-input[type=radio][ndwInput][error] ~ label::before {
-  border-color: var(--ndw-color-negative-500);
-}
-input[type=radio][ndwInput][error]:not(:checked) ~ label::before {
-  background-color: var(--ndw-color-negative-100);
-}
-input[type=radio][ndwInput][disabled] ~ label {
-  color: var(--ndw-color-grey-400);
-  pointer-events: none;
-  user-select: none;
-}
-input[type=radio][ndwInput][disabled] ~ label::before {
-  background-color: var(--ndw-color-grey-100);
-  border-color: var(--ndw-color-grey-200);
-}
-input[type=radio][ndwInput][disabled]:checked ~ label::before {
-  background-color: var(--ndw-color-grey-200);
-}
-input[type=radio][ndwInput] ~ label::before {
-  border-radius: 50%;
-}
-input[type=radio][ndwInput]:checked ~ label::before {
-  content: url('data:image/svg+xml, %3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle r="6" cx="10" cy="10" fill="white"/%3E%3C/svg%3E');
-}
-
 .cdk-overlay-pane.tooltip-bottom ndw-tooltip::before {
   bottom: auto;
   top: calc(var(--ndw-spacing-2xs) * -1);

package/esm2022/components/accordion/accordion.component.mjs

@@ -18,11 +18,11 @@ export class AccordionComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.0", type: AccordionComponent, isStandalone: true, selector: "ndw-accordion", inputs: { collapseOthers: { classPropertyName: "collapseOthers", publicName: "collapseOthers", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "collapsibles", predicate: CollapsibleComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.1", type: AccordionComponent, isStandalone: true, selector: "ndw-accordion", inputs: { collapseOthers: { classPropertyName: "collapseOthers", publicName: "collapseOthers", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "collapsibles", predicate: CollapsibleComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ndw-accordion', standalone: true, imports: [], template: "<ng-content />\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsZUFBZSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBU3RELE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRUyxtQkFBYyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUU5QixpQkFBWSxHQUFHLGVBQWUsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBRTNDLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0tBYTlEO0lBWFEsUUFBUTtRQUNiLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7WUFDMUQsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxDQUFDO2dCQUMzQixPQUFPO1lBQ1QsQ0FBQztZQUVELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxXQUFpQyxFQUFFLEVBQUU7Z0JBQ2hFLFdBQVcsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxLQUFLLENBQUMsQ0FBQztZQUMxRCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FqQlUsa0JBQWtCO2tHQUFsQixrQkFBa0IscVFBR1Msb0JBQW9CLDZDQ2Y1RCxrQkFDQTs7MkZEV2Esa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBjb250ZW50Q2hpbGRyZW4sIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQWNjb3JkaW9uU2VydmljZSB9IGZyb20gJy4vYWNjb3JkaW9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgQ29sbGFwc2libGVDb21wb25lbnQgfSBmcm9tICcuLi9jb2xsYXBzaWJsZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1hY2NvcmRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjY29yZGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9hY2NvcmRpb24uY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBjb2xsYXBzZU90aGVycyA9IGlucHV0KGZhbHNlKTtcblxuICBwdWJsaWMgY29sbGFwc2libGVzID0gY29udGVudENoaWxkcmVuKENvbGxhcHNpYmxlQ29tcG9uZW50KTtcblxuICBwcml2YXRlIHJlYWRvbmx5IGFjY29yZGlvblNlcnZpY2UgPSBpbmplY3QoQWNjb3JkaW9uU2VydmljZSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYWNjb3JkaW9uU2VydmljZS5leHBhbmRlZCQuc3Vic2NyaWJlKChpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBpZiAoIXRoaXMuY29sbGFwc2VPdGhlcnMoKSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHRoaXMuY29sbGFwc2libGVzKCkuZm9yRWFjaCgoY29sbGFwc2libGU6IENvbGxhcHNpYmxlQ29tcG9uZW50KSA9PiB7XG4gICAgICAgIGNvbGxhcHNpYmxlLmV4cGFuZGVkLnNldChjb2xsYXBzaWJsZS5pbmRleCgpID09PSBpbmRleCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgLz5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsZUFBZSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBU3RELE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRUyxtQkFBYyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUU5QixpQkFBWSxHQUFHLGVBQWUsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBRTNDLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0tBYTlEO0lBWFEsUUFBUTtRQUNiLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7WUFDMUQsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxDQUFDO2dCQUMzQixPQUFPO1lBQ1QsQ0FBQztZQUVELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxXQUFpQyxFQUFFLEVBQUU7Z0JBQ2hFLFdBQVcsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxLQUFLLENBQUMsQ0FBQztZQUMxRCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FqQlUsa0JBQWtCO2tHQUFsQixrQkFBa0IscVFBR1Msb0JBQW9CLDZDQ2Y1RCxrQkFDQTs7MkZEV2Esa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBjb250ZW50Q2hpbGRyZW4sIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQWNjb3JkaW9uU2VydmljZSB9IGZyb20gJy4vYWNjb3JkaW9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgQ29sbGFwc2libGVDb21wb25lbnQgfSBmcm9tICcuLi9jb2xsYXBzaWJsZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1hY2NvcmRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjY29yZGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9hY2NvcmRpb24uY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgY29sbGFwc2VPdGhlcnMgPSBpbnB1dChmYWxzZSk7XG5cbiAgcHVibGljIGNvbGxhcHNpYmxlcyA9IGNvbnRlbnRDaGlsZHJlbihDb2xsYXBzaWJsZUNvbXBvbmVudCk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBhY2NvcmRpb25TZXJ2aWNlID0gaW5qZWN0KEFjY29yZGlvblNlcnZpY2UpO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmFjY29yZGlvblNlcnZpY2UuZXhwYW5kZWQkLnN1YnNjcmliZSgoaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKCF0aGlzLmNvbGxhcHNlT3RoZXJzKCkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICB0aGlzLmNvbGxhcHNpYmxlcygpLmZvckVhY2goKGNvbGxhcHNpYmxlOiBDb2xsYXBzaWJsZUNvbXBvbmVudCkgPT4ge1xuICAgICAgICBjb2xsYXBzaWJsZS5leHBhbmRlZC5zZXQoY29sbGFwc2libGUuaW5kZXgoKSA9PT0gaW5kZXgpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IC8+XG4iXX0=

package/esm2022/components/accordion/accordion.service.mjs

@@ -8,13 +8,13 @@ export class AccordionService {
     setExpandedCollapsible(index) {
         this.expanded$.next(index);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AccordionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AccordionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AccordionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccordionService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLL0IsTUFBTSxPQUFPLGdCQUFnQjtJQUg3QjtRQUlTLGNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFDO0tBSzFDO0lBSFEsc0JBQXNCLENBQUMsS0FBYTtRQUN6QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDOzhHQUxVLGdCQUFnQjtrSEFBaEIsZ0JBQWdCLGNBRmYsTUFBTTs7MkZBRVAsZ0JBQWdCO2tCQUg1QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uU2VydmljZSB7XG4gIHB1YmxpYyBleHBhbmRlZCQgPSBuZXcgU3ViamVjdDxudW1iZXI+KCk7XG5cbiAgcHVibGljIHNldEV4cGFuZGVkQ29sbGFwc2libGUoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQkLm5leHQoaW5kZXgpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLL0IsTUFBTSxPQUFPLGdCQUFnQjtJQUg3QjtRQUlTLGNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFDO0tBSzFDO0lBSFEsc0JBQXNCLENBQUMsS0FBYTtRQUN6QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDOzhHQUxVLGdCQUFnQjtrSEFBaEIsZ0JBQWdCLGNBRmYsTUFBTTs7MkZBRVAsZ0JBQWdCO2tCQUg1QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvblNlcnZpY2Uge1xuICBwdWJsaWMgZXhwYW5kZWQkID0gbmV3IFN1YmplY3Q8bnVtYmVyPigpO1xuXG4gIHB1YmxpYyBzZXRFeHBhbmRlZENvbGxhcHNpYmxlKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmV4cGFuZGVkJC5uZXh0KGluZGV4KTtcbiAgfVxufVxuIl19