@ndwnu/design-system 0.0.1-beta.1

package/core/styles/nwb-styles.scss

@@ -0,0 +1,564 @@
+:root {
+  --_primary: 177, 23%;
+  --_primary-700: var(--_primary), 54%;
+  --_primary-600: var(--_primary), 64%;
+  --_primary-500: var(--_primary), 81%;
+  --_primary-100: var(--_primary), 90%;
+  --ndw-color-primary-700: hsl(var(--_primary-700));
+  --ndw-color-primary-600: hsl(var(--_primary-600));
+  --ndw-color-primary-500: hsl(var(--_primary-500));
+  --ndw-color-primary-100: hsl(var(--_primary-100));
+  --ndw-color-primary: var(--ndw-color-primary-500);
+  --ndw-color-primary-hover: var(--ndw-color-primary-600);
+  --ndw-color-primary-active: var(--ndw-color-primary-700);
+  --ndw-background-primary: var(--ndw-color-primary);
+  --ndw-background-primary-hover: var(--ndw-color-primary-hover);
+  --ndw-background-primary-active: var(--ndw-color-primary-active);
+  --ndw-foreground-primary: var(--ndw-color-grey-600);
+  --ndw-foreground-primary-hover: var(--ndw-color-white);
+  --ndw-foreground-primary-active: var(--ndw-color-white);
+  --ndw-text-primary: var(--ndw-color-grey-600);
+}
+
+:root {
+  /* Colors */
+  --_grey: 0, 0%;
+  --_grey-600: 210, 9%, 17%;
+  --_grey-500: var(--_grey), 27%;
+  --_grey-400: var(--_grey), 40%;
+  --_grey-300: var(--_grey), 57%;
+  --_grey-200: var(--_grey), 81%;
+  --_grey-100: var(--_grey), 96%;
+  --_white: var(--_grey), 100%;
+  --ndw-color-grey-600: hsl(var(--_grey-600));
+  --ndw-color-grey-500: hsl(var(--_grey-500));
+  --ndw-color-grey-400: hsl(var(--_grey-400));
+  --ndw-color-grey-300: hsl(var(--_grey-300));
+  --ndw-color-grey-200: hsl(var(--_grey-200));
+  --ndw-color-grey-100: hsl(var(--_grey-100));
+  --ndw-color-white: hsl(var(--_white));
+  --_info: 210, 100%;
+  --_info-500: var(--_info), 43%;
+  --_info-200: var(--_info), 91%;
+  --_info-100: var(--_info), 95%;
+  --_positive: 133, 92%;
+  --_positive-500: var(--_positive), 33%;
+  --_positive-100: 117, 56%, 92%;
+  --_negative: 0, 100%;
+  --_negative-700: var(--_negative), 46%;
+  --_negative-500: var(--_negative), 59%;
+  --_negative-100: var(--_negative), 98%;
+  --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-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-notification: hsl(19, 100%, 35%);
+  --_data-a-500: 133, 100%, 21%;
+  --_data-a-100: 101, 61%, 81%;
+  --_data-b-500: 0, 0%, 27%;
+  --_data-b-100: 0, 0%, 87%;
+  --_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-e-500: 51, 95%, 23%;
+  --_data-e-100: 54, 70%, 72%;
+  --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));
+  --ndw-color-data-b-100: hsl(var(--_data-b-100));
+  --ndw-color-data-c-500: hsl(var(--_data-c-500));
+  --ndw-color-data-c-100: hsl(var(--_data-c-100));
+  --ndw-color-data-d-500: hsl(var(--_data-d-500));
+  --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));
+  /* Alpha */
+  --ndw-alpha-40: 0.40;
+  --ndw-alpha-15: 0.15;
+  --ndw-alpha-7: 0.07;
+  /* Spacing */
+  --ndw-spacing-3xs: 0.125rem;
+  --ndw-spacing-2xs: 0.25rem;
+  --ndw-spacing-xs: 0.5rem;
+  --ndw-spacing-sm: 0.75rem;
+  --ndw-spacing-md: 1rem;
+  --ndw-spacing-lg: 1.5rem;
+  --ndw-spacing-xl: 2rem;
+  --ndw-spacing-2xl: 2.5rem;
+  --ndw-spacing-3xl: 3rem;
+  --ndw-spacing-4xl: 5rem;
+  --ndw-spacing-5xl: 8rem;
+  /* Border */
+  --ndw-border-size-sm: 1px;
+  --ndw-border-size-md: 2px;
+  --ndw-border-size-lg: 3px;
+  /* Radius */
+  --ndw-border-radius-xs: 0.125rem;
+  --ndw-border-radius-sm: 0.25rem;
+  --ndw-border-radius-md: 0.5rem;
+  --ndw-border-radius-lg: 1.5rem;
+  /* Elevation */
+  --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);
+  /* Animation */
+  --ndw-animation-speed-fast: 200ms;
+  --ndw-animation-speed-default: 300ms;
+  --ndw-animation-speed-slow: 500ms;
+  /* Icon Size */
+  --ndw-icon-size-md: 1rem;
+  --ndw-icon-size-lg: 1.5rem;
+  /* Typography */
+  --ndw-font-family: "Object Sans", sans-serif;
+  --ndw-base-font-size: 16px;
+  --ndw-font-size-xs: 0.6875rem;
+  --ndw-font-size-sm: 0.8125rem;
+  --ndw-font-size-md: 1.125rem;
+  --ndw-font-size-lg: 1.25rem;
+  --ndw-font-size-xl: 1.5rem;
+  --ndw-font-weight-regular: 500;
+  --ndw-font-weight-bold: 600;
+  --ndw-line-height-md: 1.5em;
+  /* Transform */
+  --ndw-rotate-half: rotate(180deg);
+}
+
+@font-face {
+  font-family: "Object Sans";
+  font-weight: 500;
+  font-style: normal;
+  src: url("../../assets/fonts/ObjectSans-Regular.woff2") format("woff2");
+}
+@font-face {
+  font-family: "Object Sans";
+  font-weight: 600;
+  font-style: normal;
+  src: url("../../assets/fonts/ObjectSans-Bold.woff2") format("woff2");
+}
+/* Mixins */
+/* Classes */
+.ndw-heading-xl {
+  font-family: var(--ndw-font-family);
+  font-size: 2.5rem;
+  font-weight: var(--ndw-font-weight-bold);
+  line-height: 150%;
+}
+
+.ndw-heading-lg {
+  font-family: var(--ndw-font-family);
+  font-size: 2rem;
+  font-weight: var(--ndw-font-weight-bold);
+  line-height: 150%;
+}
+
+.ndw-heading-md {
+  font-family: var(--ndw-font-family);
+  font-size: 1.5rem;
+  font-weight: var(--ndw-font-weight-bold);
+  line-height: 150%;
+}
+
+.ndw-heading-sm {
+  font-family: var(--ndw-font-family);
+  font-size: 1.25rem;
+  font-weight: var(--ndw-font-weight-bold);
+  line-height: 150%;
+}
+
+.ndw-paragraph-bold-xl {
+  font-family: var(--ndw-font-family);
+  font-size: 1.125rem;
+  font-weight: var(--ndw-font-weight-bold);
+  line-height: 150%;
+}
+
+.ndw-paragraph-xl {
+  font-family: var(--ndw-font-family);
+  font-size: 1.125rem;
+  font-weight: var(--ndw-font-weight-regular);
+  line-height: 150%;
+}
+
+.ndw-paragraph-bold-lg {
+  font-family: var(--ndw-font-family);
+  font-size: 1rem;
+  font-weight: var(--ndw-font-weight-bold);
+  line-height: 150%;
+}
+
+.ndw-paragraph-lg {
+  font-family: var(--ndw-font-family);
+  font-size: 1rem;
+  font-weight: var(--ndw-font-weight-regular);
+  line-height: 150%;
+}
+
+.ndw-paragraph-bold-md {
+  font-family: var(--ndw-font-family);
+  font-size: 0.8125rem;
+  font-weight: var(--ndw-font-weight-bold);
+  line-height: 150%;
+}
+
+.ndw-paragraph-md {
+  font-family: var(--ndw-font-family);
+  font-size: 0.8125rem;
+  font-weight: var(--ndw-font-weight-regular);
+  line-height: 150%;
+}
+
+.ndw-paragraph-bold-sm {
+  font-family: var(--ndw-font-family);
+  font-size: 0.6875rem;
+  font-weight: var(--ndw-font-weight-bold);
+  line-height: 150%;
+}
+
+.ndw-paragraph-sm {
+  font-family: var(--ndw-font-family);
+  font-size: 0.6875rem;
+  font-weight: var(--ndw-font-weight-regular);
+  line-height: 150%;
+}
+
+[ndwButton] {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: var(--ndw-spacing-2xs);
+  height: var(--ndw-spacing-xl);
+  padding: var(--ndw-spacing-2xs) var(--ndw-spacing-xs);
+  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-size: var(--ndw-font-size-sm);
+  font-weight: var(--ndw-font-weight-regular);
+  text-align: start;
+}
+[ndwButton]:hover {
+  background-color: var(--ndw-background-primary-hover);
+  border-color: var(--ndw-background-primary-hover);
+  color: var(--ndw-foreground-primary-hover);
+}
+[ndwButton]:active {
+  background-color: var(--ndw-background-primary-active);
+  border-color: var(--ndw-background-primary-active);
+  color: var(--ndw-foreground-primary-active);
+}
+[ndwButton][outline] {
+  background-color: transparent;
+  border-color: var(--ndw-background-primary);
+  color: var(--ndw-text-primary);
+}
+[ndwButton][outline]:hover {
+  background-color: var(--ndw-background-primary);
+  border-color: var(--ndw-background-primary);
+  color: var(--ndw-foreground-primary);
+}
+[ndwButton][outline]:active {
+  background-color: var(--ndw-background-primary-hover);
+  border-color: var(--ndw-background-primary-hover);
+  color: var(--ndw-foreground-primary-hover);
+}
+[ndwButton][secondary] {
+  background-color: transparent;
+  border-color: var(--ndw-color-grey-200);
+  color: var(--ndw-color-grey-600);
+}
+[ndwButton][secondary]:hover {
+  background-color: var(--ndw-color-grey-300);
+  border-color: var(--ndw-color-grey-300);
+  color: var(--ndw-color-white);
+}
+[ndwButton][secondary]:active {
+  background-color: var(--ndw-color-grey-400);
+  border-color: var(--ndw-color-grey-400);
+  color: var(--ndw-color-white);
+}
+[ndwButton][large] {
+  height: var(--ndw-spacing-2xl);
+  padding-inline: var(--ndw-spacing-sm);
+}
+[ndwButton][disabled] {
+  background-color: var(--ndw-color-grey-200);
+  border-color: var(--ndw-color-grey-200);
+  color: var(--ndw-color-grey-600);
+  pointer-events: none;
+  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 {
+  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);
+}
+input[type=checkbox][ndwInput]:not(:checked) ~ label:hover::before {
+  background-color: var(--ndw-color-white);
+  border-color: var(--ndw-color-primary-500);
+}
+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);
+}
+input[type=checkbox][ndwInput][error] ~ label::before {
+  border-color: var(--ndw-color-negative-500);
+}
+input[type=checkbox][ndwInput][error]:not(:checked) ~ label::before {
+  background-color: var(--ndw-color-negative-100);
+}
+input[type=checkbox][ndwInput][disabled] ~ label {
+  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');
+}
+
+[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);
+  color: var(--ndw-color-grey-600);
+  font-size: var(--ndw-font-size-sm);
+  height: var(--ndw-spacing-2xl);
+  line-height: var(--ndw-line-height-md);
+  outline: var(--ndw-border-size-sm) solid transparent;
+  outline-offset: calc(var(--ndw-border-size-sm) * -1);
+  padding: var(--ndw-spacing-sm);
+  position: relative;
+  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, outline-color 150ms ease-in-out;
+}
+[ndwInput]:hover {
+  border-color: var(--ndw-color-grey-300);
+}
+[ndwInput]:active, [ndwInput]:focus, [ndwInput]:focus-visible {
+  border-color: transparent;
+  box-shadow: var(--ndw-elevation-info);
+  outline-color: var(--ndw-color-info-500);
+}
+[ndwInput]::placeholder {
+  color: var(--ndw-color-grey-300);
+}
+[ndwInput][type=search]::-webkit-search-decoration, [ndwInput][type=search]::-webkit-search-cancel-button, [ndwInput][type=search]::-webkit-search-results-button, [ndwInput][type=search]::-webkit-search-results-decoration {
+  display: none;
+}
+[ndwInput][type=date]::-webkit-calendar-picker-indicator, [ndwInput][type=time]::-webkit-calendar-picker-indicator {
+  cursor: pointer;
+  opacity: 0;
+}
+[ndwInput][error] {
+  background-color: var(--ndw-color-negative-100);
+  border-color: var(--ndw-color-negative-500);
+}
+[ndwInput][error]:hover {
+  border-color: var(--ndw-color-grey-300);
+}
+[ndwInput][error]:active, [ndwInput][error]:focus, [ndwInput][error]:focus-visible {
+  background-color: var(--ndw-color-white);
+  border-color: transparent;
+  outline-color: var(--ndw-color-info-500);
+}
+[ndwInput][disabled] {
+  background-color: var(--ndw-color-grey-100);
+  border-color: var(--ndw-color-grey-200);
+  color: var(--ndw-color-grey-400);
+  pointer-events: none;
+}
+[ndwInput].prefix-icon {
+  padding-left: calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md));
+}
+
+select[ndwInput] {
+  appearance: none;
+  cursor: pointer;
+  padding-top: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
+  width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-right: var(--ndw-spacing-xl);
+}
+select[ndwInput]:not([ndw-changed]) {
+  color: var(--ndw-color-grey-300);
+}
+
+textarea[ndwInput] {
+  min-height: 6.5rem;
+  padding-top: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
+  resize: vertical;
+}
+
+[ndwLabel] {
+  align-content: center;
+  align-items: center;
+  display: grid;
+  font-family: var(--ndw-font-family);
+  font-size: var(--ndw-font-size-sm);
+  font-weight: var(--ndw-font-weight-regular);
+  gap: var(--ndw-spacing-3xs);
+  grid-template-columns: repeat(3, auto);
+  height: 1.5rem;
+  justify-content: start;
+  line-height: 100%;
+}
+[ndwLabel] ndw-icon {
+  color: var(--ndw-color-grey-300);
+  margin-top: calc(var(--ndw-spacing-3xs) * -1);
+}
+[ndwLabel] .required {
+  color: var(--ndw-color-grey-300);
+}
+
+a[ndwLink] {
+  align-items: baseline;
+  color: var(--ndw-color-info-500);
+  display: inline-flex;
+  font-size: inherit;
+  gap: var(--ndw-spacing-2xs);
+  text-decoration: underline var(--ndw-border-size-sm) transparent;
+  text-underline-offset: var(--ndw-border-size-md);
+  transition: text-decoration-color var(--ndw-animation-speed-fast) ease-in-out;
+}
+a[ndwLink] > * {
+  align-self: center;
+}
+a[ndwLink]:hover {
+  text-decoration-color: var(--ndw-color-info-500);
+}
+a[ndwLink][disabled] {
+  color: var(--ndw-color-grey-300);
+  pointer-events: none;
+  user-select: none;
+}
+
+[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;
+  padding-inline: 0;
+  position: relative;
+  width: 100%;
+}
+[ndwButton][menu]:hover {
+  background-color: var(--ndw-color-grey-500);
+  border-color: var(--ndw-color-grey-500);
+  color: var(--ndw-color-white);
+}
+[ndwButton][menu]:active {
+  background-color: transparent;
+  border-color: transparent;
+  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

@@ -0,0 +1,28 @@
+import { Component, contentChildren, inject, input } from '@angular/core';
+import { AccordionService } from './accordion.service';
+import { CollapsibleComponent } from '../collapsible';
+import * as i0 from "@angular/core";
+export class AccordionComponent {
+    constructor() {
+        this.collapseOthers = input(false);
+        this.collapsibles = contentChildren(CollapsibleComponent);
+        this.accordionService = inject(AccordionService);
+    }
+    ngOnInit() {
+        this.accordionService.expanded$.subscribe((index) => {
+            if (!this.collapseOthers()) {
+                return;
+            }
+            this.collapsibles().forEach((collapsible) => {
+                collapsible.expanded.set(collapsible.index() === index);
+            });
+        });
+    }
+    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: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ndw-accordion', standalone: true, imports: [], template: "<ng-content />\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsZUFBZSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBU3RELE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRUyxtQkFBYyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUU5QixpQkFBWSxHQUFHLGVBQWUsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBRTNDLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0tBYTlEO0lBWFEsUUFBUTtRQUNiLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7WUFDMUQsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxDQUFDO2dCQUMzQixPQUFPO1lBQ1QsQ0FBQztZQUVELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxXQUFpQyxFQUFFLEVBQUU7Z0JBQ2hFLFdBQVcsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxLQUFLLENBQUMsQ0FBQztZQUMxRCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FqQlUsa0JBQWtCO2tHQUFsQixrQkFBa0IscVFBR1Msb0JBQW9CLDZDQ2Y1RCxrQkFDQTs7MkZEV2Esa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBjb250ZW50Q2hpbGRyZW4sIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQWNjb3JkaW9uU2VydmljZSB9IGZyb20gJy4vYWNjb3JkaW9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgQ29sbGFwc2libGVDb21wb25lbnQgfSBmcm9tICcuLi9jb2xsYXBzaWJsZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1hY2NvcmRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjY29yZGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9hY2NvcmRpb24uY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBjb2xsYXBzZU90aGVycyA9IGlucHV0KGZhbHNlKTtcblxuICBwdWJsaWMgY29sbGFwc2libGVzID0gY29udGVudENoaWxkcmVuKENvbGxhcHNpYmxlQ29tcG9uZW50KTtcblxuICBwcml2YXRlIHJlYWRvbmx5IGFjY29yZGlvblNlcnZpY2UgPSBpbmplY3QoQWNjb3JkaW9uU2VydmljZSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYWNjb3JkaW9uU2VydmljZS5leHBhbmRlZCQuc3Vic2NyaWJlKChpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBpZiAoIXRoaXMuY29sbGFwc2VPdGhlcnMoKSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHRoaXMuY29sbGFwc2libGVzKCkuZm9yRWFjaCgoY29sbGFwc2libGU6IENvbGxhcHNpYmxlQ29tcG9uZW50KSA9PiB7XG4gICAgICAgIGNvbGxhcHNpYmxlLmV4cGFuZGVkLnNldChjb2xsYXBzaWJsZS5pbmRleCgpID09PSBpbmRleCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgLz5cbiJdfQ==

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

@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class AccordionService {
+    constructor() {
+        this.expanded$ = new Subject();
+    }
+    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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AccordionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLL0IsTUFBTSxPQUFPLGdCQUFnQjtJQUg3QjtRQUlTLGNBQVMsR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFDO0tBSzFDO0lBSFEsc0JBQXNCLENBQUMsS0FBYTtRQUN6QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDOzhHQUxVLGdCQUFnQjtrSEFBaEIsZ0JBQWdCLGNBRmYsTUFBTTs7MkZBRVAsZ0JBQWdCO2tCQUg1QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uU2VydmljZSB7XG4gIHB1YmxpYyBleHBhbmRlZCQgPSBuZXcgU3ViamVjdDxudW1iZXI+KCk7XG5cbiAgcHVibGljIHNldEV4cGFuZGVkQ29sbGFwc2libGUoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQkLm5leHQoaW5kZXgpO1xuICB9XG59XG4iXX0=

package/esm2022/components/accordion/index.mjs

@@ -0,0 +1,3 @@
+export * from './accordion.component';
+export * from './accordion.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvYWNjb3JkaW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbi5zZXJ2aWNlJztcbiJdfQ==