@pnx-mixtape/mxds 0.0.7 → 0.0.8

package/dist/build/form.css

@@ -0,0 +1,517 @@
+/**
+ * Form
+ */
+
+@layer design-system.atoms {
+  .mx-form-item {
+    max-inline-size: var(--container-max-width);
+  }
+
+  .mx-form-item--inline {
+    display: flex;
+    align-items: flex-start;
+  }
+
+  /**
+   * Form actions.
+   */
+  .mx-form-actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--spacing-s);
+  }
+}
+
+/**
+ * Text Input
+ */
+
+@layer design-system.atoms {
+  :is(.mx-input__text, .mx-input__select, .mx-input__textarea) {
+    box-shadow: none;
+    font: inherit;
+    letter-spacing: inherit;
+    word-spacing: inherit;
+    max-inline-size: 100%;
+    padding-block: calc(
+      var(--form-spacing, var(--spacing-s)) - (2px * 2)
+    );
+    padding-block: calc(
+      var(--form-spacing, var(--spacing-s)) - (var(--line-width, 2px) * 2)
+    );
+    padding-inline: var(--form-spacing, var(--spacing-s));
+    border: 2px solid
+      var(--line-colour, var(--line-colour, var(--colour-border)));
+    border: var(--line-width, 2px) solid
+      var(--line-colour, var(--line-colour, var(--colour-border)));
+    border-radius: var(--border-radius);
+    background-color: var(--colour-background);
+    color: var(--form-colour, var(--foreground, var(--colour-foreground)));
+    line-height: var(--line-height-ui);
+    block-size: var(--form-element-height, var(--spacing-xxl));
+  }
+
+    :is(.mx-input__text, .mx-input__select, .mx-input__textarea):focus-visible {
+      outline-offset: calc(2px * -1);
+      outline-offset: calc(var(--line-width, 2px) * -1);
+    }
+
+    :is(.mx-input__text, .mx-input__select, .mx-input__textarea)::-moz-placeholder {
+      color: var(--placeholder-colour, var(--colour-foreground-alt));
+      opacity: 1;
+    }
+
+    :is(.mx-input__text, .mx-input__select, .mx-input__textarea)::placeholder {
+      color: var(--placeholder-colour, var(--colour-foreground-alt));
+      opacity: 1;
+    }
+
+    [disabled]:is(.mx-input__text, .mx-input__select, .mx-input__textarea) {
+      opacity: 0.6;
+      opacity: var(--disabled-opacity, 0.6);
+      cursor: not-allowed;
+    }
+
+    .error:is(.mx-input__text, .mx-input__select, .mx-input__textarea) {
+      border-color: var(--error-foreground, var(--colour-error-foreground));
+    }
+
+    .success:is(.mx-input__text, .mx-input__select, .mx-input__textarea) {
+      border-color: var(--success-foreground, var(--colour-success-foreground));
+    }
+
+  .mx-input--small {
+    min-inline-size: 0;
+    border-width: 1px;
+  }
+
+  .mx-input--wide {
+    inline-size: 100%;
+  }
+}
+
+/**
+ * Input Divider
+ */
+
+@layer design-system.atoms {
+  .mx-input__divider {
+    padding: var(--form-spacing, var(--spacing-s));
+    line-height: var(--line-height-ui);
+  }
+}
+
+/**
+ * Text Input with Icon
+ */
+
+@layer design-system.atoms {
+  .mx-input--icon {
+    display: inline-block;
+    max-inline-size: 100%;
+    min-inline-size: 100%;
+    border-radius: var(--border-radius);
+    background-color: var(--background, var(--colour-background));
+    position: relative;
+  }
+
+    .mx-input--icon::before {
+      position: absolute;
+      block-size: 100%;
+      inset-block-start: 0;
+      inset-inline-start: var(--form-spacing, var(--spacing-s));
+    }
+
+    .mx-input--icon .mx-input__text {
+      inline-size: 100%;
+      padding-inline-start: calc(var(--form-spacing, var(--spacing-s)) * 2.5);
+      background-color: transparent;
+    }
+
+    .mx-input--icon:has(.error)::before {
+      background-color: var(--error-foreground, var(--colour-error-foreground));
+    }
+
+    .mx-input--icon:has(.success)::before {
+      background-color: var(
+        --success-foreground,
+        var(--colour-success-foreground)
+      );
+    }
+}
+
+/**
+ * Text Input with Inline Button
+ */
+
+@layer design-system.atoms {
+  .mx-form--inline-button {
+    position: relative;
+    display: flex;
+    max-inline-size: 100%;
+    min-inline-size: 100%;
+    border-radius: var(--border-radius);
+    background-color: var(--background, var(--colour-background));
+    border: 2px solid
+      var(--line-colour, var(--line-colour, var(--colour-border)));
+    border: var(--line-width, 2px) solid
+      var(--line-colour, var(--line-colour, var(--colour-border)));
+  }
+
+    .mx-form--inline-button:has(.mx-input__text:focus-visible) {
+      --outline-size: max(0.125rem, 0.15em);
+
+      outline: max(0.125rem, 0.15em)
+        solid currentcolor;
+
+      outline: var(--outline-width, var(--outline-size))
+        var(--outline-style, solid) var(--outline-color, currentcolor);
+      outline-offset: calc(2px * -1);
+      outline-offset: calc(var(--line-width, 2px) * -1);
+    }
+
+    .mx-form--inline-button .mx-input__text {
+      background-color: transparent;
+      border: 0;
+      flex-grow: 1;
+    }
+
+      .mx-form--inline-button .mx-input__text:focus-visible {
+        outline: none;
+      }
+
+    .mx-form--inline-button .mx-button {
+      margin: var(--spacing-xxxxs);
+      flex-shrink: 0;
+      border: 0;
+      border-radius: 3px;
+      block-size: calc(
+        var(--form-element-height, var(--spacing-xxl)) - var(--spacing-xxxs)
+      );
+    }
+}
+
+/**
+ * Label
+ */
+
+@layer design-system.atoms {
+  :is(.mx-label, .mx-legend) {
+    display: block;
+    margin-block-end: var(--spacing-xxxs);
+    font-size: var(--font-size);
+    color: var(--label-foreground, var(--foreground, var(--colour-foreground)));
+  }
+
+    .mx-label--inline:is(.mx-label, .mx-legend) {
+      display: inline-block;
+      margin-block-end: 0;
+      margin-inline-end: var(--spacing-xxs);
+    }
+
+  .mx-checkbox [type="checkbox"] {
+    box-shadow: none;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    inline-size: var(--control-size, var(--spacing-m));
+    block-size: var(--control-size, var(--spacing-m));
+    background-color: var(--background, var(--colour-background));
+    border: 2px solid
+      var(--line-colour, var(--colour-border));
+    border: var(--line-width, 2px) solid
+      var(--line-colour, var(--colour-border));
+    border-radius: var(--border-radius);
+  }
+
+    @media (pointer: coarse) {
+
+  .mx-checkbox [type="checkbox"] {
+      --control-size: 2rem;
+  }
+    }
+
+    .mx-checkbox [type="checkbox"]:checked {
+      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M5.6 9.6L2.4 6.4 0 8.8l5.6 5.6L16 4l-2.4-2.4z'/%3E%3C/svg%3E");
+      background-size: 0.75rem;
+      background-position: center;
+    }
+
+    .mx-checkbox [type="checkbox"]:focus-visible {
+      outline: 2px auto var(--outline-color);
+      outline: var(--line-width, 2px) auto var(--outline-color);
+      outline-offset: 0;
+    }
+      .mx-checkbox [type="checkbox"][disabled]::after {
+        opacity: 0.6;
+        opacity: var(--disabled-opacity, 0.6);
+        cursor: not-allowed;
+        content: "";
+        display: block;
+        inline-size: 100%;
+        block-size: 100%;
+        border-radius: var(--border-radius);
+      }
+
+      .mx-checkbox [type="checkbox"][disabled] + label {
+        opacity: 0.6;
+        opacity: var(--disabled-opacity, 0.6);
+        cursor: not-allowed;
+      }
+
+    .mx-checkbox .error[type="checkbox"] {
+      border-color: var(--error-foreground, var(--colour-error-foreground));
+    }
+
+    .mx-checkbox .success[type="checkbox"] {
+      border-color: var(--success-foreground, var(--colour-success-foreground));
+    }
+}
+
+/**
+ * Checkboxes
+ */
+
+/**
+ * Radios
+ */
+
+@layer design-system.atoms {
+  .mx-radio [type="radio"] {
+    box-shadow: none;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    display: flex;
+    inline-size: var(--control-size, var(--spacing-m));
+    block-size: var(--control-size, var(--spacing-m));
+    background-color: var(--background, var(--colour-background));
+    border: 2px solid
+      var(--line-colour, var(--colour-border));
+    border: var(--line-width, 2px) solid
+      var(--line-colour, var(--colour-border));
+    border-radius: 50%;
+  }
+
+    @media (pointer: coarse) {
+  .mx-radio [type="radio"] {
+      --control-size: 2rem;
+  }
+    }
+      .mx-radio [type="radio"]:checked::after {
+        content: "";
+        display: block;
+        inline-size: 0.5rem;
+        block-size: 0.5rem;
+        margin: auto;
+        border-radius: 50%;
+        background-color: var(--radio-colour, var(--colour-primary));
+      }
+
+    .mx-radio [type="radio"]:focus-visible {
+      outline: 2px auto var(--outline-color);
+      outline: var(--line-width, 2px) auto var(--outline-color);
+      outline-offset: 0;
+    }
+      .mx-radio [type="radio"][disabled]::after {
+        opacity: 0.6;
+        opacity: var(--disabled-opacity, 0.6);
+        cursor: not-allowed;
+        content: "";
+        display: block;
+        inline-size: 100%;
+        block-size: 100%;
+        border-radius: 50%;
+      }
+
+      .mx-radio [type="radio"][disabled] + label {
+        opacity: 0.6;
+        opacity: var(--disabled-opacity, 0.6);
+        cursor: not-allowed;
+      }
+
+    .mx-radio .error[type="radio"] {
+      border-color: var(--error-foreground, var(--colour-error-foreground));
+    }
+
+    .mx-radio .success[type="radio"] {
+      border-color: var(--success-foreground, var(--colour-success-foreground));
+    }
+
+  :is(.mx-radio, .mx-checkbox) {
+    margin-block-end: var(--spacing-xxxs);
+    display: flex;
+    align-items: center;
+    gap: var(--control-gap, var(--spacing-xxs));
+  }
+
+    :is(.mx-radio, .mx-checkbox):last-child {
+      margin-block-end: 0;
+    }
+
+    :is(.mx-radio, .mx-checkbox) label {
+      cursor: pointer;
+      margin: 0;
+    }
+
+    :is(.mx-radio, .mx-checkbox) input {
+      flex-shrink: 0;
+    }
+
+    .mx-form-item--inline:is(.mx-radio, .mx-checkbox) {
+      display: inline-flex;
+      margin-inline-end: var(--control-gap, var(--spacing-xxs));
+    }
+}
+
+/**
+ * Select
+ */
+
+@layer design-system.atoms {
+  .mx-input__select {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    cursor: pointer;
+    background-color: var(--background, var(--colour-background));
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z'/%3E%3C/svg%3E");
+    background-position: right var(--form-spacing, var(--spacing-s)) center;
+    padding-block: 0;
+    padding-inline-end: var(--spacing-xl);
+  }
+
+    .mx-input__select[multiple] {
+      block-size: auto;
+      background-image: none;
+    }
+
+    .mx-input__select.mx-input--small {
+      padding-inline-end: var(--spacing-m);
+      background-position: right var(--spacing-xs) center;
+    }
+
+  :is(.translated-rtl .mx-input__select, [dir="rtl"] .mx-input__select) {
+    background-position: left var(--spacing-s) center;
+  }
+
+    .mx-input--small:is(.translated-rtl .mx-input__select, [dir="rtl"] .mx-input__select) {
+      background-position: left var(--spacing-xs) center;
+    }
+}
+
+/**
+ * Textarea
+ */
+
+@layer design-system.atoms {
+  .mx-input__textarea {
+    block-size: calc(4 * var(--form-element-height, var(--spacing-xxl)));
+    inline-size: 100%;
+  }
+}
+
+/**
+ * Fieldset
+ */
+
+@layer design-system.atoms {
+  .mx-fieldset {
+    border: 2px solid
+      var(--line-colour, var(--colour-border));
+    border: var(--line-width, 2px) solid
+      var(--line-colour, var(--colour-border));
+    border-radius: var(--border-radius);
+    padding: var(--form-spacing, var(--spacing-s));
+    min-inline-size: 0;
+  }
+
+    .mx-fieldset legend {
+      padding-block: 0;
+      padding-inline: var(--form-spacing, var(--spacing-s));
+    }
+
+    .mx-fieldset:is(.mx-fieldset--plain, :has(.mx-checkbox, .mx-radio)) {
+      border: 0;
+      padding: 0;
+    }
+
+      .mx-fieldset:is(.mx-fieldset--plain, :has(.mx-checkbox, .mx-radio)) legend {
+        padding: 0;
+      }
+
+    .mx-fieldset.mx-fieldset--inline {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--spacing-xxs);
+    }
+
+      .mx-fieldset.mx-fieldset--inline :is(.form__item, .form__item--inline) {
+        margin: 0;
+      }
+}
+
+/**
+ * Description
+ */
+
+@layer design-system.atoms {
+  .mx-description {
+    margin-block: var(--form-spacing, var(--spacing-s));
+    margin-inline: 0;
+    font-size: var(--font-size-xs);
+  }
+
+    .mx-description:last-child {
+      margin-block-end: 0;
+    }
+}
+
+/**
+ * Messages
+ */
+
+@layer design-system.atoms {
+  :is(.mx-success-message, .mx-error-message) {
+    margin-block: var(--form-spacing, var(--spacing-s));
+    margin-inline: 0;
+    font-size: var(--font-size-s);
+    color: var(--foreground, var(--colour-foreground));
+    display: flex;
+    gap: var(--spacing-xxs);
+  }
+
+    :is(.mx-success-message, .mx-error-message):last-child {
+      margin-block-end: 0;
+    }
+
+    :is(.mx-success-message, .mx-error-message)::before {
+      content: "";
+      display: block;
+      inline-size: var(--spacing-m);
+      block-size: var(--spacing-m);
+      -webkit-mask-position: center;
+              mask-position: center;
+      -webkit-mask-repeat: no-repeat;
+              mask-repeat: no-repeat;
+      flex-shrink: 0;
+    }
+
+  .mx-error-message::before {
+    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%3E%3C/svg%3E");
+            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.5 10.1l-1.4 1.4L8 9.4l-2.1 2.1-1.4-1.4L6.6 8 4.5 5.9l1.4-1.4L8 6.6l2.1-2.1 1.4 1.4L9.4 8l2.1 2.1z'/%3E%3C/svg%3E");
+    background-color: var(--error-foreground, var(--colour-error-foreground));
+  }
+
+  .mx-success-message::before {
+    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%3E%3C/svg%3E");
+            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z'/%3E%3C/svg%3E");
+    background-color: var(
+      --success-foreground,
+      var(--colour-success-foreground)
+    );
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,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O2NBQXJCLHFCQUFxQjtNQUNyQiw4QkFBc0I7Y0FBdEIsc0JBQXNCO01BQ3RCLGNBQWM7SUFDaEI7O0VBR0Y7SUFDRSxnVEFBK0M7WUFBL0Msd1NBQStDO0lBQy9DLHlFQUF5RTtFQUMzRTs7RUFFQTtJQUNFLHNQQUFpRDtZQUFqRCw4T0FBaUQ7SUFDakQ7OztLQUdDO0VBQ0g7QUFDRiIsImZpbGUiOiJmb3JtLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRm9ybVxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmF0b21zIHtcbiAgLm14LWZvcm0taXRlbSB7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoKTtcbiAgfVxuXG4gIC5teC1mb3JtLWl0ZW0tLWlubGluZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgfVxuXG4gIC8qKlxuICAgKiBGb3JtIGFjdGlvbnMuXG4gICAqL1xuICAubXgtZm9ybS1hY3Rpb25zIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKC0tc3BhY2luZy1zKTtcbiAgfVxufVxuXG4vKipcbiAqIFRleHQgSW5wdXRcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIDppcygubXgtaW5wdXRfX3RleHQsIC5teC1pbnB1dF9fc2VsZWN0LCAubXgtaW5wdXRfX3RleHRhcmVhKSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBmb250OiBpbmhlcml0O1xuICAgIGxldHRlci1zcGFjaW5nOiBpbmhlcml0O1xuICAgIHdvcmQtc3BhY2luZzogaW5oZXJpdDtcbiAgICBtYXgtaW5saW5lLXNpemU6IDEwMCU7XG4gICAgcGFkZGluZy1ibG9jazogY2FsYyhcbiAgICAgIHZhcigtLWZvcm0tc3BhY2luZywgdmFyKC0tc3BhY2luZy1zKSkgLSAodmFyKC0tbGluZS13aWR0aCwgMnB4KSAqIDIpXG4gICAgKTtcbiAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvdXItYmFja2dyb3VuZCk7XG4gICAgY29sb3I6IHZhcigtLWZvcm0tY29sb3VyLCB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZCkpKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tbGluZS1oZWlnaHQtdWkpO1xuICAgIGJsb2NrLXNpemU6IHZhcigtLWZvcm0tZWxlbWVudC1oZWlnaHQsIHZhcigtLXNwYWNpbmcteHhsKSk7XG5cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IGNhbGModmFyKC0tbGluZS13aWR0aCwgMnB4KSAqIC0xKTtcbiAgICB9XG5cbiAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICBjb2xvcjogdmFyKC0tcGxhY2Vob2xkZXItY29sb3VyLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1hbHQpKTtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgb3BhY2l0eTogdmFyKC0tZGlzYWJsZWQtb3BhY2l0eSwgMC42KTtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgJi5lcnJvciB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1lcnJvci1mb3JlZ3JvdW5kKSk7XG4gICAgfVxuXG4gICAgJi5zdWNjZXNzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tc3VjY2Vzcy1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItc3VjY2Vzcy1mb3JlZ3JvdW5kKSk7XG4gICAgfVxuICB9XG5cbiAgLm14LWlucHV0LS1zbWFsbCB7XG4gICAgbWluLWlubGluZS1zaXplOiAwO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICB9XG5cbiAgLm14LWlucHV0LS13aWRlIHtcbiAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgfVxufVxuXG4vKipcbiAqIElucHV0IERpdmlkZXJcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIC5teC1pbnB1dF9fZGl2aWRlciB7XG4gICAgcGFkZGluZzogdmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tbGluZS1oZWlnaHQtdWkpO1xuICB9XG59XG5cbi8qKlxuICogVGV4dCBJbnB1dCB3aXRoIEljb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIC5teC1pbnB1dC0taWNvbiB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIG1heC1pbmxpbmUtc2l6ZTogMTAwJTtcbiAgICBtaW4taW5saW5lLXNpemU6IDEwMCU7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQpKTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYmxvY2stc2l6ZTogMTAwJTtcbiAgICAgIGluc2V0LWJsb2NrLXN0YXJ0OiAwO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiB2YXIoLS1mb3JtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctcykpO1xuICAgIH1cblxuICAgICYgLm14LWlucHV0X190ZXh0IHtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IGNhbGModmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKSAqIDIuNSk7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG5cbiAgICAmOmhhcyguZXJyb3IpOjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZXJyb3ItZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLWVycm9yLWZvcmVncm91bmQpKTtcbiAgICB9XG5cbiAgICAmOmhhcyguc3VjY2Vzcyk6OmJlZm9yZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tc3VjY2Vzcy1mb3JlZ3JvdW5kLFxuICAgICAgICB2YXIoLS1jb2xvdXItc3VjY2Vzcy1mb3JlZ3JvdW5kKVxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBUZXh0IElucHV0IHdpdGggSW5saW5lIEJ1dHRvblxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmF0b21zIHtcbiAgLm14LWZvcm0tLWlubGluZS1idXR0b24ge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1heC1pbmxpbmUtc2l6ZTogMTAwJTtcbiAgICBtaW4taW5saW5lLXNpemU6IDEwMCU7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQpKTtcbiAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpKTtcblxuICAgICY6aGFzKC5teC1pbnB1dF9fdGV4dDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAtLW91dGxpbmUtc2l6ZTogbWF4KDAuMTI1cmVtLCAwLjE1ZW0pO1xuXG4gICAgICBvdXRsaW5lOiB2YXIoLS1vdXRsaW5lLXdpZHRoLCB2YXIoLS1vdXRsaW5lLXNpemUpKVxuICAgICAgICB2YXIoLS1vdXRsaW5lLXN0eWxlLCBzb2xpZCkgdmFyKC0tb3V0bGluZS1jb2xvciwgY3VycmVudGNvbG9yKTtcbiAgICAgIG91dGxpbmUtb2Zmc2V0OiBjYWxjKHZhcigtLWxpbmUtd2lkdGgsIDJweCkgKiAtMSk7XG4gICAgfVxuXG4gICAgJiAubXgtaW5wdXRfX3RleHQge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBmbGV4LWdyb3c6IDE7XG5cbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtYnV0dG9uIHtcbiAgICAgIG1hcmdpbjogdmFyKC0tc3BhY2luZy14eHh4cyk7XG4gICAgICBmbGV4LXNocmluazogMDtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgIGJsb2NrLXNpemU6IGNhbGMoXG4gICAgICAgIHZhcigtLWZvcm0tZWxlbWVudC1oZWlnaHQsIHZhcigtLXNwYWNpbmcteHhsKSkgLSB2YXIoLS1zcGFjaW5nLXh4eHMpXG4gICAgICApO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIExhYmVsXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uYXRvbXMge1xuICA6aXMoLm14LWxhYmVsLCAubXgtbGVnZW5kKSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc3BhY2luZy14eHhzKTtcbiAgICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZSk7XG4gICAgY29sb3I6IHZhcigtLWxhYmVsLWZvcmVncm91bmQsIHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSkpO1xuXG4gICAgJi5teC1sYWJlbC0taW5saW5lIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgIG1hcmdpbi1ibG9jay1lbmQ6IDA7XG4gICAgICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0tc3BhY2luZy14eHMpO1xuICAgIH1cbiAgfVxuXG4gIC5teC1jaGVja2JveCBbdHlwZT1cImNoZWNrYm94XCJdIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgaW5saW5lLXNpemU6IHZhcigtLWNvbnRyb2wtc2l6ZSwgdmFyKC0tc3BhY2luZy1tKSk7XG4gICAgYmxvY2stc2l6ZTogdmFyKC0tY29udHJvbC1zaXplLCB2YXIoLS1zcGFjaW5nLW0pKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZCkpO1xuICAgIGJvcmRlcjogdmFyKC0tbGluZS13aWR0aCwgMnB4KSBzb2xpZFxuICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBtZWRpYSAocG9pbnRlcjogY29hcnNlKSB7XG4gICAgICAtLWNvbnRyb2wtc2l6ZTogMnJlbTtcbiAgICB9XG5cbiAgICAmOmNoZWNrZWQge1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogc3ZnLWxvYWQoXCIuL2ltYWdlcy9jaGVja21hcmsuc3ZnXCIpO1xuICAgICAgYmFja2dyb3VuZC1zaXplOiAwLjc1cmVtO1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICAgIH1cblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBvdXRsaW5lOiB2YXIoLS1saW5lLXdpZHRoLCAycHgpIGF1dG8gdmFyKC0tb3V0bGluZS1jb2xvcik7XG4gICAgICBvdXRsaW5lLW9mZnNldDogMDtcbiAgICB9XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIG9wYWNpdHk6IHZhcigtLWRpc2FibGVkLW9wYWNpdHksIDAuNik7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICAgICAgYmxvY2stc2l6ZTogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgICB9XG5cbiAgICAgICYgKyBsYWJlbCB7XG4gICAgICAgIG9wYWNpdHk6IHZhcigtLWRpc2FibGVkLW9wYWNpdHksIDAuNik7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5lcnJvciB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1lcnJvci1mb3JlZ3JvdW5kKSk7XG4gICAgfVxuXG4gICAgJi5zdWNjZXNzIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tc3VjY2Vzcy1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItc3VjY2Vzcy1mb3JlZ3JvdW5kKSk7XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogQ2hlY2tib3hlc1xuICovXG5cbi8qKlxuICogUmFkaW9zXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uYXRvbXMge1xuICAubXgtcmFkaW8gW3R5cGU9XCJyYWRpb1wiXSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaW5saW5lLXNpemU6IHZhcigtLWNvbnRyb2wtc2l6ZSwgdmFyKC0tc3BhY2luZy1tKSk7XG4gICAgYmxvY2stc2l6ZTogdmFyKC0tY29udHJvbC1zaXplLCB2YXIoLS1zcGFjaW5nLW0pKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZCkpO1xuICAgIGJvcmRlcjogdmFyKC0tbGluZS13aWR0aCwgMnB4KSBzb2xpZFxuICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG5cbiAgICBAbWVkaWEgKHBvaW50ZXI6IGNvYXJzZSkge1xuICAgICAgLS1jb250cm9sLXNpemU6IDJyZW07XG4gICAgfVxuXG4gICAgJjpjaGVja2VkIHtcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGlubGluZS1zaXplOiAwLjVyZW07XG4gICAgICAgIGJsb2NrLXNpemU6IDAuNXJlbTtcbiAgICAgICAgbWFyZ2luOiBhdXRvO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXJhZGlvLWNvbG91ciwgdmFyKC0tY29sb3VyLXByaW1hcnkpKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgb3V0bGluZTogdmFyKC0tbGluZS13aWR0aCwgMnB4KSBhdXRvIHZhcigtLW91dGxpbmUtY29sb3IpO1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDA7XG4gICAgfVxuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiB2YXIoLS1kaXNhYmxlZC1vcGFjaXR5LCAwLjYpO1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgICAgIGJsb2NrLXNpemU6IDEwMCU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIH1cblxuICAgICAgJiArIGxhYmVsIHtcbiAgICAgICAgb3BhY2l0eTogdmFyKC0tZGlzYWJsZWQtb3BhY2l0eSwgMC42KTtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmVycm9yIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3ItZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLWVycm9yLWZvcmVncm91bmQpKTtcbiAgICB9XG5cbiAgICAmLnN1Y2Nlc3Mge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1zdWNjZXNzLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1zdWNjZXNzLWZvcmVncm91bmQpKTtcbiAgICB9XG4gIH1cblxuICA6aXMoLm14LXJhZGlvLCAubXgtY2hlY2tib3gpIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLXh4eHMpO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigtLWNvbnRyb2wtZ2FwLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgIG1hcmdpbi1ibG9jay1lbmQ6IDA7XG4gICAgfVxuXG4gICAgJiBsYWJlbCB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgJiBpbnB1dCB7XG4gICAgICBmbGV4LXNocmluazogMDtcbiAgICB9XG5cbiAgICAmLm14LWZvcm0taXRlbS0taW5saW5lIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgbWFyZ2luLWlubGluZS1lbmQ6IHZhcigtLWNvbnRyb2wtZ2FwLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFNlbGVjdFxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmF0b21zIHtcbiAgLm14LWlucHV0X19zZWxlY3Qge1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogc3ZnLWxvYWQoXCIuL2ltYWdlcy9mb3JtLWNoZXZyb24tZG93bi5zdmdcIik7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogcmlnaHQgdmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKSBjZW50ZXI7XG4gICAgcGFkZGluZy1ibG9jazogMDtcbiAgICBwYWRkaW5nLWlubGluZS1lbmQ6IHZhcigtLXNwYWNpbmcteGwpO1xuXG4gICAgJlttdWx0aXBsZV0ge1xuICAgICAgYmxvY2stc2l6ZTogYXV0bztcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IG5vbmU7XG4gICAgfVxuXG4gICAgJi5teC1pbnB1dC0tc21hbGwge1xuICAgICAgcGFkZGluZy1pbmxpbmUtZW5kOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogcmlnaHQgdmFyKC0tc3BhY2luZy14cykgY2VudGVyO1xuICAgIH1cbiAgfVxuXG4gIDppcygudHJhbnNsYXRlZC1ydGwgLm14LWlucHV0X19zZWxlY3QsIFtkaXI9XCJydGxcIl0gLm14LWlucHV0X19zZWxlY3QpIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBsZWZ0IHZhcigtLXNwYWNpbmctcykgY2VudGVyO1xuXG4gICAgJi5teC1pbnB1dC0tc21hbGwge1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogbGVmdCB2YXIoLS1zcGFjaW5nLXhzKSBjZW50ZXI7XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogVGV4dGFyZWFcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIC5teC1pbnB1dF9fdGV4dGFyZWEge1xuICAgIGJsb2NrLXNpemU6IGNhbGMoNCAqIHZhcigtLWZvcm0tZWxlbWVudC1oZWlnaHQsIHZhcigtLXNwYWNpbmcteHhsKSkpO1xuICAgIGlubGluZS1zaXplOiAxMDAlO1xuICB9XG59XG5cbi8qKlxuICogRmllbGRzZXRcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIC5teC1maWVsZHNldCB7XG4gICAgYm9yZGVyOiB2YXIoLS1saW5lLXdpZHRoLCAycHgpIHNvbGlkXG4gICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpO1xuICAgIHBhZGRpbmc6IHZhcigtLWZvcm0tc3BhY2luZywgdmFyKC0tc3BhY2luZy1zKSk7XG4gICAgbWluLWlubGluZS1zaXplOiAwO1xuXG4gICAgJiBsZWdlbmQge1xuICAgICAgcGFkZGluZy1ibG9jazogMDtcbiAgICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1mb3JtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctcykpO1xuICAgIH1cblxuICAgICY6aXMoLm14LWZpZWxkc2V0LS1wbGFpbiwgOmhhcygubXgtY2hlY2tib3gsIC5teC1yYWRpbykpIHtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIHBhZGRpbmc6IDA7XG5cbiAgICAgICYgbGVnZW5kIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLm14LWZpZWxkc2V0LS1pbmxpbmUge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogdmFyKC0tc3BhY2luZy14eHMpO1xuXG4gICAgICAmIDppcyguZm9ybV9faXRlbSwgLmZvcm1fX2l0ZW0tLWlubGluZSkge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogRGVzY3JpcHRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIC5teC1kZXNjcmlwdGlvbiB7XG4gICAgbWFyZ2luLWJsb2NrOiB2YXIoLS1mb3JtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctcykpO1xuICAgIG1hcmdpbi1pbmxpbmU6IDA7XG4gICAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUteHMpO1xuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgIG1hcmdpbi1ibG9jay1lbmQ6IDA7XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogTWVzc2FnZXNcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5hdG9tcyB7XG4gIDppcygubXgtc3VjY2Vzcy1tZXNzYWdlLCAubXgtZXJyb3ItbWVzc2FnZSkge1xuICAgIG1hcmdpbi1ibG9jazogdmFyKC0tZm9ybS1zcGFjaW5nLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgICBtYXJnaW4taW5saW5lOiAwO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXMpO1xuICAgIGNvbG9yOiB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZCkpO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLXh4cyk7XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgbWFyZ2luLWJsb2NrLWVuZDogMDtcbiAgICB9XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgICBibG9jay1zaXplOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgbWFzay1wb3NpdGlvbjogY2VudGVyO1xuICAgICAgbWFzay1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIH1cbiAgfVxuXG4gIC5teC1lcnJvci1tZXNzYWdlOjpiZWZvcmUge1xuICAgIG1hc2staW1hZ2U6IHN2Zy1sb2FkKFwiLi9pbWFnZXMvZm9ybS1lcnJvci5zdmdcIik7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZXJyb3ItZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLWVycm9yLWZvcmVncm91bmQpKTtcbiAgfVxuXG4gIC5teC1zdWNjZXNzLW1lc3NhZ2U6OmJlZm9yZSB7XG4gICAgbWFzay1pbWFnZTogc3ZnLWxvYWQoXCIuL2ltYWdlcy9mb3JtLXN1Y2Nlc3Muc3ZnXCIpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgIC0tc3VjY2Vzcy1mb3JlZ3JvdW5kLFxuICAgICAgdmFyKC0tY29sb3VyLXN1Y2Nlc3MtZm9yZWdyb3VuZClcbiAgICApO1xuICB9XG59XG4iXX0= */

package/dist/build/global-alert.css

@@ -0,0 +1,60 @@
+/**
+ * Messages
+ */
+
+@layer design-system.defaults {
+  mx-closable-alert {
+    display: block;
+  }
+}
+
+@layer design-system.components {
+  .mx-global-alert {
+    background-color: var(--background, var(--colour-primary-light));
+    color: var(--foreground, var(--colour-foreground));
+  }
+
+    .mx-global-alert .mx-global-alert__inner {
+      display: grid;
+      grid-gap: var(--gap-s);
+      gap: var(--gap-s);
+      padding-block: var(--spacing-xxs);
+      padding-inline: var(--spacing-s);
+    }
+
+      .mx-global-alert .mx-global-alert__inner:has(.mx-icon--close) {
+        grid-template-columns: auto min-content;
+        grid-template-areas: "content close";
+      }
+
+        .mx-global-alert .mx-global-alert__inner:has(.mx-icon--close) .message__content {
+          grid-area: content;
+        }
+
+    .mx-global-alert a {
+      color: inherit;
+    }
+
+    .mx-global-alert.mx-global-alert--critical {
+      --foreground: var(--colour-error-foreground);
+      --background: var(--colour-error-background);
+    }
+
+    .mx-global-alert .mx-icon--close {
+      --icon-size: 1rem;
+
+      grid-area: close;
+      -webkit-appearance: none;
+         -moz-appearance: none;
+              appearance: none;
+      inline-size: var(--spacing-l);
+      block-size: var(--spacing-l);
+      padding: 0;
+      border: 0;
+      background-color: transparent;
+      justify-content: end;
+      color: inherit;
+    }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdsb2JhbC1hbGVydC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGNBQWM7RUFDaEI7QUFDRjs7QUFFQTtFQUNFO0lBQ0UsZ0VBQWdFO0lBQ2hFLGtEQUFrRDtFQXdDcEQ7O0lBdENFO01BQ0UsYUFBYTtNQUNiLHNCQUFpQjtNQUFqQixpQkFBaUI7TUFDakIsaUNBQWlDO01BQ2pDLGdDQUFnQztJQVVsQzs7TUFSRTtRQUNFLHVDQUF1QztRQUN2QyxvQ0FBb0M7TUFLdEM7O1FBSEU7VUFDRSxrQkFBa0I7UUFDcEI7O0lBSUo7TUFDRSxjQUFjO0lBQ2hCOztJQUVBO01BQ0UsNENBQTRDO01BQzVDLDRDQUE0QztJQUM5Qzs7SUFFQTtNQUNFLGlCQUFpQjs7TUFFakIsZ0JBQWdCO01BQ2hCLHdCQUFnQjtTQUFoQixxQkFBZ0I7Y0FBaEIsZ0JBQWdCO01BQ2hCLDZCQUE2QjtNQUM3Qiw0QkFBNEI7TUFDNUIsVUFBVTtNQUNWLFNBQVM7TUFDVCw2QkFBNkI7TUFDN0Isb0JBQW9CO01BQ3BCLGNBQWM7SUFDaEI7QUFFSiIsImZpbGUiOiJnbG9iYWwtYWxlcnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBNZXNzYWdlc1xuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmRlZmF1bHRzIHtcbiAgbXgtY2xvc2FibGUtYWxlcnQge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtZ2xvYmFsLWFsZXJ0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItcHJpbWFyeS1saWdodCkpO1xuICAgIGNvbG9yOiB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZCkpO1xuXG4gICAgJiAubXgtZ2xvYmFsLWFsZXJ0X19pbm5lciB7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgZ2FwOiB2YXIoLS1nYXAtcyk7XG4gICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zcGFjaW5nLXh4cyk7XG4gICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tc3BhY2luZy1zKTtcblxuICAgICAgJjpoYXMoLm14LWljb24tLWNsb3NlKSB7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0byBtaW4tY29udGVudDtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogXCJjb250ZW50IGNsb3NlXCI7XG5cbiAgICAgICAgJiAubWVzc2FnZV9fY29udGVudCB7XG4gICAgICAgICAgZ3JpZC1hcmVhOiBjb250ZW50O1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBhIHtcbiAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cblxuICAgICYubXgtZ2xvYmFsLWFsZXJ0LS1jcml0aWNhbCB7XG4gICAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1lcnJvci1mb3JlZ3JvdW5kKTtcbiAgICAgIC0tYmFja2dyb3VuZDogdmFyKC0tY29sb3VyLWVycm9yLWJhY2tncm91bmQpO1xuICAgIH1cblxuICAgICYgLm14LWljb24tLWNsb3NlIHtcbiAgICAgIC0taWNvbi1zaXplOiAxcmVtO1xuXG4gICAgICBncmlkLWFyZWE6IGNsb3NlO1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGlubGluZS1zaXplOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgYmxvY2stc2l6ZTogdmFyKC0tc3BhY2luZy1sKTtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGp1c3RpZnktY29udGVudDogZW5kO1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgfVxuICB9XG59XG4iXX0= */

package/dist/build/global-alert.entry.js

@@ -0,0 +1,68 @@
+import { c as createElement, m as makeAnchor } from "./chunks/utilities-B4YZb689.js";
+class GlobalAlert extends HTMLElement {
+  constructor() {
+    super();
+    this.handleClose = () => {
+      this.controller.abort();
+      this.remove();
+      this.localStorage = "true";
+      const newEvent = new CustomEvent("GlobalAlert-close", {
+        bubbles: true,
+        cancelable: true,
+        detail: {
+          id: this.id,
+          target: this
+        }
+      });
+      this.dispatchEvent(newEvent);
+    };
+    this.internals_ = this.attachInternals();
+    this.controller = new AbortController();
+  }
+  connectedCallback() {
+    if (!this.container) return;
+    this.id = this.id || this.generatedId();
+    if (this.localStorage) {
+      this.controller.abort();
+      this.remove();
+      return;
+    }
+    const { signal } = this.controller;
+    this.close?.addEventListener("click", this.handleClose, { signal });
+  }
+  disconnectedCallback() {
+    this.controller.abort();
+    this.close.remove();
+  }
+  get localStorage() {
+    return localStorage.getItem(this.id);
+  }
+  set localStorage(value) {
+    localStorage.setItem(this.id, value);
+  }
+  get container() {
+    const element = this.querySelector("[data-container]");
+    if (!element) {
+      throw new Error(
+        `${this.localName} must contain a [data-container] element.`
+      );
+    }
+    return element;
+  }
+  get close() {
+    let closeBtn = this.querySelector(".mx-icon--close");
+    if (!closeBtn) {
+      closeBtn = createElement(
+        `<button class="mx-icon mx-icon--close" aria-controls="${this.id}" aria-label="Close GlobalAlert" type="button"></button>`
+      );
+      this.container.appendChild(closeBtn);
+    }
+    return closeBtn;
+  }
+  generatedId() {
+    const id = `mx-alert-${Math.floor(Math.random() * Math.floor(1e4))}`;
+    return makeAnchor(id, 20);
+  }
+}
+customElements.define("mx-closable-alert", GlobalAlert);
+//# sourceMappingURL=global-alert.entry.js.map

package/dist/build/global-alert.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-alert.entry.js","sources":["../../src/Component/GlobalAlert/Elements/ClosableAlert.ts"],"sourcesContent":["/**\n * @file GlobalAlerts\n *\n * When a GlobalAlert is closed the id is written to local storage.\n * This is checked as the page is re-rendered, if a GlobalAlert with the same ID is\n * created it will be removed from the dom.\n */\n\nimport { makeAnchor, createElement } from \"../../../Utility/utilities\"\n\nexport default class GlobalAlert extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n  }\n\n  connectedCallback(): void {\n    if (!this.container) return\n    this.id = this.id || this.generatedId()\n    if (this.localStorage) {\n      this.controller.abort()\n      this.remove()\n      return\n    }\n    const { signal }: AbortController = this.controller\n    this.close?.addEventListener(\"click\", this.handleClose, { signal })\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n    this.close.remove()\n  }\n\n  /**\n   * Handle close button click event.\n   */\n  handleClose = (): void => {\n    this.controller.abort()\n    this.remove()\n    this.localStorage = \"true\"\n    const newEvent: CustomEvent<{ id: string; target: GlobalAlert }> =\n      new CustomEvent(\"GlobalAlert-close\", {\n        bubbles: true,\n        cancelable: true,\n        detail: {\n          id: this.id,\n          target: this,\n        },\n      })\n    this.dispatchEvent(newEvent)\n  }\n\n  get localStorage(): string {\n    return localStorage.getItem(this.id)\n  }\n\n  set localStorage(value: string) {\n    localStorage.setItem(this.id, value)\n  }\n\n  get container(): HTMLElement {\n    const element: HTMLElement = this.querySelector(\"[data-container]\")\n    if (!element) {\n      throw new Error(\n        `${this.localName} must contain a [data-container] element.`,\n      )\n    }\n    return element\n  }\n\n  get close(): HTMLButtonElement {\n    let closeBtn: HTMLButtonElement = this.querySelector(\".mx-icon--close\")\n    if (!closeBtn) {\n      closeBtn = createElement(\n        `<button class=\"mx-icon mx-icon--close\" aria-controls=\"${this.id}\" aria-label=\"Close GlobalAlert\" type=\"button\"></button>`,\n      ) as HTMLButtonElement\n      this.container.appendChild(closeBtn)\n    }\n    return closeBtn\n  }\n\n  generatedId(): string {\n    const id = `mx-alert-${Math.floor(Math.random() * Math.floor(10000))}`\n    return makeAnchor(id, 20)\n  }\n}\n\ncustomElements.define(\"mx-closable-alert\", GlobalAlert)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-closable-alert\": GlobalAlert\n  }\n}\n"],"names":[],"mappings":";AAUA,MAAqB,oBAAoB,YAAY;AAAA,EAInD,cAAc;AACN;AAyBR,SAAA,cAAc,MAAY;AACxB,WAAK,WAAW;AAChB,WAAK,OAAO;AACZ,WAAK,eAAe;AACd,YAAA,WACJ,IAAI,YAAY,qBAAqB;AAAA,QACnC,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,UACN,IAAI,KAAK;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MAAA,CACD;AACH,WAAK,cAAc,QAAQ;AAAA,IAAA;AArCtB,SAAA,aAAa,KAAK;AAClB,SAAA,aAAa,IAAI;EACxB;AAAA,EAEA,oBAA0B;AACpB,QAAA,CAAC,KAAK,UAAW;AACrB,SAAK,KAAK,KAAK,MAAM,KAAK,YAAY;AACtC,QAAI,KAAK,cAAc;AACrB,WAAK,WAAW;AAChB,WAAK,OAAO;AACZ;AAAA,IACF;AACM,UAAA,EAAE,OAAO,IAAqB,KAAK;AACzC,SAAK,OAAO,iBAAiB,SAAS,KAAK,aAAa,EAAE,QAAQ;AAAA,EACpE;AAAA,EAEA,uBAA6B;AAC3B,SAAK,WAAW;AAChB,SAAK,MAAM;EACb;AAAA,EAqBA,IAAI,eAAuB;AAClB,WAAA,aAAa,QAAQ,KAAK,EAAE;AAAA,EACrC;AAAA,EAEA,IAAI,aAAa,OAAe;AACjB,iBAAA,QAAQ,KAAK,IAAI,KAAK;AAAA,EACrC;AAAA,EAEA,IAAI,YAAyB;AACrB,UAAA,UAAuB,KAAK,cAAc,kBAAkB;AAClE,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACO,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,QAA2B;AACzB,QAAA,WAA8B,KAAK,cAAc,iBAAiB;AACtE,QAAI,CAAC,UAAU;AACF,iBAAA;AAAA,QACT,yDAAyD,KAAK,EAAE;AAAA,MAAA;AAE7D,WAAA,UAAU,YAAY,QAAQ;AAAA,IACrC;AACO,WAAA;AAAA,EACT;AAAA,EAEA,cAAsB;AACd,UAAA,KAAK,YAAY,KAAK,MAAM,KAAK,OAAO,IAAI,KAAK,MAAM,GAAK,CAAC,CAAC;AAC7D,WAAA,WAAW,IAAI,EAAE;AAAA,EAC1B;AACF;AAEA,eAAe,OAAO,qBAAqB,WAAW;"}