@redvars/peacock 3.6.2 → 3.7.0

package/dist/button-colors-AvGh22Zn.js

@@ -1,561 +0,0 @@
-import { a as i } from './IndividualComponent-DUINtMGK.js';
-
-var css_248z$1 = i`* {
-  box-sizing: border-box;
-}
-
-.screen-reader-only {
-  display: none !important;
-}
-
-:host {
-  display: inline-flex;
-  --button-height: unset;
-  --button-icon-size: unset;
-  --button-container-padding: unset;
-  --button-container-shape: var(--shape-corner-medium);
-  --button-container-shape-start-start: unset;
-  --button-container-shape-start-end: unset;
-  --button-container-shape-end-start: unset;
-  --button-container-shape-end-end: unset;
-  --button-container-shape-variant: squircle;
-}
-
-/**
-  * Private CSS Variables
-  * These variables are used internally within the button component
-  */
-slot::slotted(*) {
-  --icon-size: var(--button-icon-size, var(--_button-icon-size));
-  --icon-color: var(--_button_label-text-color);
-}
-
-/*
-  * Reset native button/link styles
-  */
-.button-element {
-  background: transparent;
-  border: none;
-  appearance: none;
-  margin: 0;
-  outline: none;
-  text-decoration: none;
-}
-
-.button {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: var(--button-height);
-  padding: 0 var(--button-container-padding, var(--_button_container-padding));
-  width: 100%;
-  font-family: var(--font-family-sans) !important;
-  cursor: pointer;
-  --_button_container-shape-start-start: var(--button-container-shape-start-start, var(--button-container-shape));
-  --_button_container-shape-start-end: var(--button-container-shape-start-end, var(--button-container-shape));
-  --_button_container-shape-end-start: var(--button-container-shape-end-start, var(--button-container-shape));
-  --_button_container-shape-end-end: var(--button-container-shape-end-end, var(--button-container-shape));
-  --_button_container-corner-shape-variant: var(--button-container-shape-variant);
-}
-.button .button-content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-  gap: var(--_button-icon-label-spacing);
-  width: 100%;
-  height: 100%;
-  z-index: 0;
-  color: var(--_button_label-text-color);
-  opacity: var(--_button_label-text-opacity, 1);
-  --icon-size: var(--button-icon-size, var(--_button-icon-size));
-  --icon-color: var(--_button_label-text-color);
-}
-.button .button-content .slot-container {
-  display: none;
-}
-.button.disabled {
-  cursor: not-allowed;
-}
-.button {
-  /*
-    Background layers
-   */
-}
-.button .focus-ring {
-  z-index: 2;
-  --focus-ring-container-shape-start-start: var(--_button_container-shape-start-start);
-  --focus-ring-container-shape-start-end: var(--_button_container-shape-start-end);
-  --focus-ring-container-shape-end-start: var(--_button_container-shape-end-start);
-  --focus-ring-container-shape-end-end: var(--_button_container-shape-end-end);
-  --focus-ring-container-shape-variant: var(--_button_container-corner-shape-variant);
-}
-.button .ripple {
-  border-start-start-radius: var(--_button_container-shape-start-start);
-  border-start-end-radius: var(--_button_container-shape-start-end);
-  border-end-start-radius: var(--_button_container-shape-end-start);
-  border-end-end-radius: var(--_button_container-shape-end-end);
-  corner-shape: var(--_button_container-corner-shape-variant);
-  --ripple-state-opacity: var(--_button_state-opacity, 0);
-  --ripple-pressed-color: var(--_button_state-color);
-}
-.button .background {
-  display: block;
-  position: absolute;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--_button_container-color);
-  opacity: var(--_button_container-opacity, 1);
-  border-start-start-radius: var(--_button_container-shape-start-start);
-  border-start-end-radius: var(--_button_container-shape-start-end);
-  border-end-start-radius: var(--_button_container-shape-end-start);
-  border-end-end-radius: var(--_button_container-shape-end-end);
-  corner-shape: var(--_button_container-corner-shape-variant);
-  pointer-events: none;
-}
-.button .skeleton {
-  display: none;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-  position: absolute;
-  top: 0;
-  left: 0;
-  --skeleton-container-shape-start-start: var(--_button_container-shape-start-start);
-  --skeleton-container-shape-start-end: var(--_button_container-shape-start-end);
-  --skeleton-container-shape-end-start: var(--_button_container-shape-end-start);
-  --skeleton-container-shape-end-end: var(--_button_container-shape-end-end);
-  --skeleton-container-shape-variant: var(--_button_container-corner-shape-variant);
-}
-.button .elevation {
-  --elevation-level: var(--_button_container-elevation-level);
-  transition-duration: 280ms;
-  --elevation-container-shape-start-start: var(--_button_container-shape-start-start);
-  --elevation-container-shape-start-end: var(--_button_container-shape-start-end);
-  --elevation-container-shape-end-start: var(--_button_container-shape-end-start);
-  --elevation-container-shape-end-end: var(--_button_container-shape-end-end);
-  --elevation-container-shape-variant: var(--_button_container-corner-shape-variant);
-}
-.button .neo-background {
-  display: none;
-  position: absolute;
-  background: var(--color-inverse-surface);
-  border-start-start-radius: var(--_button_container-shape-start-start);
-  border-start-end-radius: var(--_button_container-shape-start-end);
-  border-end-start-radius: var(--_button_container-shape-end-start);
-  border-end-end-radius: var(--_button_container-shape-end-end);
-  corner-shape: var(--_button_container-corner-shape-variant);
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  transform: translateX(0.25rem) translateY(0.25rem);
-}
-.button .outline {
-  z-index: 0;
-  display: none;
-  position: absolute;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  border: var(--_button_outline-width) solid var(--_button_outline-color);
-  opacity: var(--_button_outline-opacity, 1);
-  border-start-start-radius: var(--_button_container-shape-start-start);
-  border-start-end-radius: var(--_button_container-shape-start-end);
-  border-end-start-radius: var(--_button_container-shape-end-start);
-  border-end-end-radius: var(--_button_container-shape-end-end);
-  corner-shape: var(--_button_container-corner-shape-variant);
-}
-.button.has-content .slot-container {
-  display: flex;
-  flex: none;
-  justify-content: center;
-}
-.button.show-skeleton .background {
-  display: none;
-}
-.button.show-skeleton .neo-background {
-  display: none;
-}
-.button.show-skeleton .neo-background:before {
-  display: none;
-}
-.button.show-skeleton .ripple {
-  display: none;
-}
-.button.show-skeleton .skeleton {
-  display: block;
-}
-.button.icon-align-start .button-content {
-  flex-direction: row-reverse;
-}
-.button.icon-align-end .button-content {
-  flex-direction: row;
-}
-
-/**
- * Button variant definitions
- */
-.button.variant-elevated {
-  --_button_container-color: var(--elevated-button-container-color);
-  --_button_label-text-color: var(--elevated-button-label-text-color);
-  --_button_container-elevation-level: 1;
-  --_button_state-color: var(--_button_label-text-color);
-}
-.button.variant-elevated:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_container-elevation-level: 2;
-  --_button_state-opacity: 0.08;
-}
-.button.variant-elevated.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_container-elevation-level: 1;
-  --_button_state-opacity: 0.12;
-}
-.button.variant-elevated.disabled {
-  --_button_container-color: var(--color-on-surface);
-  --_button_container-opacity: 0.1;
-  --_button_label-text-color: var(--color-on-surface);
-  --_button_label-text-opacity: 0.38;
-}
-.button.variant-elevated.disabled .ripple {
-  display: none;
-}
-
-.button.variant-filled {
-  --_button_container-color: var(--filled-button-container-color);
-  --_button_label-text-color: var(--filled-button-label-text-color);
-  --_button_state-color: var(--_button_label-text-color);
-}
-.button.variant-filled:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_container-elevation-level: 1;
-  --_button_state-opacity: 0.08;
-}
-.button.variant-filled.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_container-elevation-level: 0;
-  --_button_state-opacity: 0.1;
-}
-.button.variant-filled.disabled {
-  --_button_container-color: var(--color-on-surface);
-  --_button_container-opacity: 0.1;
-  --_button_label-text-color: var(--color-on-surface);
-  --_button_label-text-opacity: 0.38;
-}
-.button.variant-filled.disabled .ripple {
-  display: none;
-}
-
-.button.variant-tonal {
-  --_button_container-color: var(--tonal-button-container-color);
-  --_button_label-text-color: var(--tonal-button-label-text-color);
-  --_button_state-color: var(--_button_label-text-color);
-}
-.button.variant-tonal:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_container-elevation-level: 1;
-  --_button_state-opacity: 0.08;
-}
-.button.variant-tonal.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_container-elevation-level: 0;
-  --_button_state-opacity: 0.12;
-}
-.button.variant-tonal.disabled {
-  --_button_container-color: var(--color-on-surface);
-  --_button_container-opacity: 0.1;
-  --_button_label-text-color: var(--color-on-surface);
-  --_button_label-text-opacity: 0.38;
-}
-.button.variant-tonal.disabled .ripple {
-  display: none;
-}
-
-.button.variant-outlined {
-  --_button_outline-width: var(--outlined-button-outline-width, 0.0675rem);
-  --_button_outline-color: var(--outlined-button-outline-color);
-  --_button_label-text-color: var(--outlined-button-label-text-color);
-  --_button_state-color: var(--_button_label-text-color);
-}
-.button.variant-outlined .outline {
-  display: block;
-}
-.button.variant-outlined:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_state-opacity: 0.08;
-}
-.button.variant-outlined.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_state-opacity: 0.12;
-}
-.button.variant-outlined.disabled {
-  --_button_outline-color: var(--color-on-surface);
-  --_button_label-text-color: var(--color-on-surface);
-  --_button_label-text-opacity: 0.38;
-  --_button_outline-opacity: 0.12;
-}
-.button.variant-outlined.disabled .ripple {
-  display: none;
-}
-
-.button.variant-text {
-  --_button_label-text-color: var(--text-button-label-text-color);
-  --_button_state-color: var(--_button_label-text-color);
-}
-.button.variant-text:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_state-opacity: 0.08;
-}
-.button.variant-text.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
-  --_button_state-opacity: 0.12;
-}
-.button.variant-text.disabled {
-  --_button_label-text-color: var(--color-on-surface);
-  --_button_label-text-opacity: 0.38;
-}
-.button.variant-text.disabled .ripple {
-  display: none;
-}
-
-.button.variant-neo {
-  --_button_container-color: var(--neo-button-container-color);
-  --_button_label-text-color: var(--neo-button-label-text-color);
-  --_button_outline-width: var(--outlined-button-outline-width, 0.125rem);
-  --_button_outline-color: var(--color-inverse-surface);
-}
-.button.variant-neo .outline {
-  display: block;
-}
-.button.variant-neo .neo-background {
-  display: block;
-}
-.button.variant-neo .focus-ring {
-  --focus-ring-color: var(--color-primary-container);
-  --focus-ring-inset: -2px;
-}
-.button.variant-neo .ripple {
-  display: none;
-}
-.button.variant-neo.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) .background, .button.variant-neo.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) .button-content, .button.variant-neo.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) .outline, .button.variant-neo.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) .focus-ring {
-  transform: translateX(0.25rem) translateY(0.25rem);
-}
-.button.variant-neo.disabled {
-  --_button_container-color: var(--color-on-surface);
-  --_button_container-opacity: 0.1;
-  --_button_label-text-color: var(--color-on-surface);
-  --_button_label-text-opacity: 0.38;
-  --_button_outline-opacity: 0.12;
-}
-.button.variant-neo.disabled .ripple {
-  display: none;
-}
-
-:host([block]) {
-  width: 100%;
-}`;
-
-var css_248z = i`:host([color=primary]:not([toggle])) {
-  --filled-button-container-color: var(--color-primary);
-  --filled-button-label-text-color: var(--color-on-primary);
-  --tonal-button-container-color: var(--color-primary-container);
-  --tonal-button-label-text-color: var(--color-on-primary-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-primary);
-  --outlined-button-outline-color: var(--color-primary);
-  --outlined-button-label-text-color: var(--color-primary);
-  --text-button-label-text-color: var(--color-primary);
-  --neo-button-container-color: var(--color-primary);
-  --neo-button-label-text-color: var(--color-on-primary);
-}
-
-:host([color=primary][toggle][selected]) {
-  --filled-button-container-color: var(--color-primary);
-  --filled-button-label-text-color: var(--color-on-primary);
-  --tonal-button-container-color: var(--color-primary);
-  --tonal-button-label-text-color: var(--color-on-primary);
-  --elevated-button-container-color: var(--color-primary);
-  --elevated-button-label-text-color: var(--color-on-primary);
-  --outlined-button-outline-color: var(--color-inverse-surface);
-  --outlined-button-label-text-color: var(--color-inverse-on-surface);
-}
-
-:host([color=primary][toggle]:not([selected])) {
-  --filled-button-container-color: var(--color-surface-container);
-  --filled-button-label-text-color: var(--color-surface-container-variant);
-  --tonal-button-container-color: var(--color-primary-container);
-  --tonal-button-label-text-color: var(--color-on-primary-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-primary);
-  --outlined-button-outline-color: var(--color-primary);
-  --outlined-button-label-text-color: var(--color-primary);
-}
-
-:host([color=secondary]:not([toggle])) {
-  --filled-button-container-color: var(--color-secondary);
-  --filled-button-label-text-color: var(--color-on-secondary);
-  --tonal-button-container-color: var(--color-secondary-container);
-  --tonal-button-label-text-color: var(--color-on-secondary-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-secondary);
-  --outlined-button-outline-color: var(--color-secondary);
-  --outlined-button-label-text-color: var(--color-secondary);
-  --text-button-label-text-color: var(--color-secondary);
-  --neo-button-container-color: var(--color-secondary);
-  --neo-button-label-text-color: var(--color-on-secondary);
-}
-
-:host([color=secondary][toggle][selected]) {
-  --filled-button-container-color: var(--color-secondary);
-  --filled-button-label-text-color: var(--color-on-secondary);
-  --tonal-button-container-color: var(--color-secondary);
-  --tonal-button-label-text-color: var(--color-on-secondary);
-  --elevated-button-container-color: var(--color-secondary);
-  --elevated-button-label-text-color: var(--color-on-secondary);
-  --outlined-button-outline-color: var(--color-inverse-surface);
-  --outlined-button-label-text-color: var(--color-inverse-on-surface);
-}
-
-:host([color=secondary][toggle]:not([selected])) {
-  --filled-button-container-color: var(--color-surface-container);
-  --filled-button-label-text-color: var(--color-surface-container-variant);
-  --tonal-button-container-color: var(--color-secondary-container);
-  --tonal-button-label-text-color: var(--color-on-secondary-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-secondary);
-  --outlined-button-outline-color: var(--color-secondary);
-  --outlined-button-label-text-color: var(--color-secondary);
-}
-
-:host([color=tertiary]:not([toggle])) {
-  --filled-button-container-color: var(--color-tertiary);
-  --filled-button-label-text-color: var(--color-on-tertiary);
-  --tonal-button-container-color: var(--color-tertiary-container);
-  --tonal-button-label-text-color: var(--color-on-tertiary-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-tertiary);
-  --outlined-button-outline-color: var(--color-tertiary);
-  --outlined-button-label-text-color: var(--color-tertiary);
-  --text-button-label-text-color: var(--color-tertiary);
-  --neo-button-container-color: var(--color-tertiary);
-  --neo-button-label-text-color: var(--color-on-tertiary);
-}
-
-:host([color=tertiary][toggle][selected]) {
-  --filled-button-container-color: var(--color-tertiary);
-  --filled-button-label-text-color: var(--color-on-tertiary);
-  --tonal-button-container-color: var(--color-tertiary);
-  --tonal-button-label-text-color: var(--color-on-tertiary);
-  --elevated-button-container-color: var(--color-tertiary);
-  --elevated-button-label-text-color: var(--color-on-tertiary);
-  --outlined-button-outline-color: var(--color-inverse-surface);
-  --outlined-button-label-text-color: var(--color-inverse-on-surface);
-}
-
-:host([color=tertiary][toggle]:not([selected])) {
-  --filled-button-container-color: var(--color-surface-container);
-  --filled-button-label-text-color: var(--color-surface-container-variant);
-  --tonal-button-container-color: var(--color-tertiary-container);
-  --tonal-button-label-text-color: var(--color-on-tertiary-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-tertiary);
-  --outlined-button-outline-color: var(--color-tertiary);
-  --outlined-button-label-text-color: var(--color-tertiary);
-}
-
-:host([color=success]:not([toggle])) {
-  --filled-button-container-color: var(--color-success);
-  --filled-button-label-text-color: var(--color-on-success);
-  --tonal-button-container-color: var(--color-success-container);
-  --tonal-button-label-text-color: var(--color-on-success-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-success);
-  --outlined-button-outline-color: var(--color-success);
-  --outlined-button-label-text-color: var(--color-success);
-  --text-button-label-text-color: var(--color-success);
-  --neo-button-container-color: var(--color-success);
-  --neo-button-label-text-color: var(--color-on-success);
-}
-
-:host([color=success][toggle][selected]) {
-  --filled-button-container-color: var(--color-success);
-  --filled-button-label-text-color: var(--color-on-success);
-  --tonal-button-container-color: var(--color-success);
-  --tonal-button-label-text-color: var(--color-on-success);
-  --elevated-button-container-color: var(--color-success);
-  --elevated-button-label-text-color: var(--color-on-success);
-  --outlined-button-outline-color: var(--color-inverse-surface);
-  --outlined-button-label-text-color: var(--color-inverse-on-surface);
-}
-
-:host([color=success][toggle]:not([selected])) {
-  --filled-button-container-color: var(--color-surface-container);
-  --filled-button-label-text-color: var(--color-surface-container-variant);
-  --tonal-button-container-color: var(--color-success-container);
-  --tonal-button-label-text-color: var(--color-on-success-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-success);
-  --outlined-button-outline-color: var(--color-success);
-  --outlined-button-label-text-color: var(--color-success);
-}
-
-:host([color=danger]:not([toggle])) {
-  --filled-button-container-color: var(--color-error);
-  --filled-button-label-text-color: var(--color-on-error);
-  --tonal-button-container-color: var(--color-error-container);
-  --tonal-button-label-text-color: var(--color-on-error-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-error);
-  --outlined-button-outline-color: var(--color-error);
-  --outlined-button-label-text-color: var(--color-error);
-  --text-button-label-text-color: var(--color-error);
-  --neo-button-container-color: var(--color-error);
-  --neo-button-label-text-color: var(--color-on-error);
-}
-
-:host([color=danger][toggle][selected]) {
-  --filled-button-container-color: var(--color-error);
-  --filled-button-label-text-color: var(--color-on-error);
-  --tonal-button-container-color: var(--color-error);
-  --tonal-button-label-text-color: var(--color-on-error);
-  --elevated-button-container-color: var(--color-error);
-  --elevated-button-label-text-color: var(--color-on-error);
-  --outlined-button-outline-color: var(--color-inverse-surface);
-  --outlined-button-label-text-color: var(--color-inverse-on-surface);
-}
-
-:host([color=danger][toggle]:not([selected])) {
-  --filled-button-container-color: var(--color-surface-container);
-  --filled-button-label-text-color: var(--color-surface-container-variant);
-  --tonal-button-container-color: var(--color-error-container);
-  --tonal-button-label-text-color: var(--color-on-error-container);
-  --elevated-button-container-color: var(--color-surface-container-low);
-  --elevated-button-label-text-color: var(--color-error);
-  --outlined-button-outline-color: var(--color-error);
-  --outlined-button-label-text-color: var(--color-error);
-}
-
-:host([color=on-surface]) {
-  --filled-button-container-color: var(--color-on-surface);
-  --filled-button-label-text-color: var(--color-surface);
-  --tonal-button-container-color: var(--color-on-surface-container);
-  --tonal-button-label-text-color: var(--color-surface-container-high);
-  --elevated-button-container-color: var(--color-on-surface);
-  --elevated-button-label-text-color: var(--color-surface);
-  --outlined-button-outline-color: var(--color-on-surface);
-  --outlined-button-label-text-color: var(--color-on-surface);
-  --text-button-label-text-color: var(--color-on-surface);
-  --neo-button-container-color: var(--color-on-surface);
-  --neo-button-label-text-color: var(--color-surface);
-}
-
-:host([color=surface]) {
-  --filled-button-container-color: var(--color-surface-container-high);
-  --filled-button-label-text-color: var(--color-on-surface);
-  --tonal-button-container-color: var(--color-surface-container-high);
-  --tonal-button-label-text-color: var(--color-on-surface-container);
-  --elevated-button-container-color: var(--color-surface);
-  --elevated-button-label-text-color: var(--color-on-surface);
-  --outlined-button-outline-color: var(--color-on-surface);
-  --outlined-button-label-text-color: var(--color-on-surface);
-  --text-button-label-text-color: var(--color-on-surface);
-  --neo-button-container-color: var(--color-surface);
-  --neo-button-label-text-color: var(--color-on-surface);
-}`;
-
-export { css_248z as a, css_248z$1 as c };
-//# sourceMappingURL=button-colors-AvGh22Zn.js.map

package/dist/button-colors-AvGh22Zn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-colors-AvGh22Zn.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}