@ed.yakovich/component-library 0.0.13 → 0.0.15

package/dist/prism-input-text.entry-EXsN4rgi.js

@@ -0,0 +1,278 @@
+import { r as p, c as r, h as n, H as o, g as d } from "./index-D9BZSjMp.js";
+import { g as l, m as c } from "./index-44540db3-BN5vFHKr.js";
+import { A as m } from "./index-4d46d9ca-BtyZMEt1.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const u = '.sc-prism-input-text-h{box-sizing:border-box;display:block;isolation:isolate;margin:var(--prism-input-text-spacing-margin,var(--prism-spacer-size-lg)) 0;position:relative;width:100%}.screen-reader-text.sc-prism-input-text{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.label-text.sc-prism-input-text{color:var(--prism-color-text-primary-base);cursor:pointer;display:inline-block;margin-bottom:var(--prism-spacer-size-xs);text-align:left}.hint-container.sc-prism-input-text{align-items:center;-moz-column-gap:var(--prism-spacer-size-xs);column-gap:var(--prism-spacer-size-xs);display:flex;margin-top:var(--prism-spacer-size-xs)}.hint-text.sc-prism-input-text{display:block;text-align:left}@media (prefers-reduced-motion){.input.sc-prism-input-text{transition:none}}.input.sc-prism-input-text{background-color:initial;border:0;border-bottom:2px solid var(--prism-color-border-secondary-base);box-sizing:border-box;color:var(--prism-color-text-primary-base);font-family:var(--prism-font-body-400-family);font-size:var(--prism-font-body-400-size);font-weight:var(--prism-font-body-400-weight);letter-spacing:var(--prism-font-body-400-tracking);line-height:var(--prism-font-body-400-leading);outline:2px solid transparent;outline-offset:2px;text-align:var(--prism-input-text-align,left);transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:100%}@starting-style{.input{border-color:var(--prism-color-border-secondary-base);outline-color:var(--prism-color-border-secondary-base)}}.input.body-300.sc-prism-input-text{font-family:var(--prism-font-body-300-family);font-size:var(--prism-font-body-300-size);font-weight:var(--prism-font-body-300-weight);letter-spacing:var(--prism-font-body-300-tracking);line-height:var(--prism-font-body-300-leading)}.input.body-400.sc-prism-input-text{font-family:var(--prism-font-body-400-family);font-size:var(--prism-font-body-400-size);font-weight:var(--prism-font-body-400-weight);letter-spacing:var(--prism-font-body-400-tracking);line-height:var(--prism-font-body-400-leading)}.input.heading-300.sc-prism-input-text{font-family:var(--prism-font-headline-300-family);font-size:var(--prism-font-headline-300-size);font-weight:var(--prism-font-headline-300-weight);letter-spacing:var(--prism-font-headline-300-tracking);line-height:var(--prism-font-headline-300-leading)}.input.sc-prism-input-text::-ms-reveal{display:none}.input.contained.sc-prism-input-text{background-color:var(--prism-color-material-secondary-base);border:1px solid var(--prism-color-border-secondary-base);border-radius:var(--prism-radius-size-sm)}.input.contained.input-size-md.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,15px)}.input.contained.input-size-sm.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,12px)}.input.contained.input-size-xs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,10px)}.input.contained.input-size-xxs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,4px var(--prism-spacer-size-sm))}.input.minimal.input-size-md.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,15px 0)}.input.minimal.input-size-sm.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,12px 0)}.input.minimal.input-size-xs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,10px 0)}.input.minimal.input-size-xxs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,4px 0)}.input.contained.primary-tone.sc-prism-input-text{background-color:var(--prism-color-material-primary-base)}.input.contained.secondary-tone.sc-prism-input-text{background-color:var(--prism-color-material-secondary-base)}.input.contained.sc-prism-input-text:-webkit-autofill{background-color:var(--prism-color-material-secondary-base)!important}.input.contained.sc-prism-input-text:autofill{background-color:var(--prism-color-material-secondary-base)!important}.input.contained.sc-prism-input-text:is(:-webkit-autofill){background-color:var(--prism-color-material-secondary-base)!important}.input.contained.sc-prism-input-text:is(:-webkit-autofill, .sc-prism-input-text:autofill){background-color:var(--prism-color-material-secondary-base)!important}.input.minimal.sc-prism-input-text:-webkit-autofill{background-color:initial!important}.input.minimal.sc-prism-input-text:autofill{background-color:initial!important}.input.minimal.sc-prism-input-text:is(:-webkit-autofill){background-color:initial!important}.input.minimal.sc-prism-input-text:is(:-webkit-autofill, .sc-prism-input-text:autofill){background-color:initial!important}.input.sc-prism-input-text::-moz-placeholder{color:var(--prism-color-text-secondary-base)}.input.sc-prism-input-text::placeholder{color:var(--prism-color-text-secondary-base)}.input.contained.sc-prism-input-text:focus-visible{border-color:var(--prism-color-border-brand-primary-focus);outline:1px solid var(--prism-color-border-brand-primary-focus);outline-offset:0}.input.minimal.sc-prism-input-text:focus-visible{border-bottom-width:2px;border-color:var(--prism-color-border-brand-primary-focus);outline-width:0}.input.contained.invalid.sc-prism-input-text, .input.minimal.invalid.sc-prism-input-text{border-color:var(--prism-color-border-danger-base)}.input.minimal.invalid.sc-prism-input-text:focus-visible{border-color:var(--prism-color-border-danger-focus)}.input.invalid.sc-prism-input-text:focus-visible{outline-color:var(--prism-color-border-danger-focus)}[class*=" icon-"].input.input-size-md.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,15px 3.5rem)}[class*=" icon-"].input.input-size-sm.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,12px 3.5rem)}[class*=" icon-"].input.input-size-xs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,10px 3.5rem)}[class*=" icon-"].input.input-size-xxs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,4px 3.5rem)}[class*=" icon-"].input.minimal.input-size-md.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,15px 3rem)}[class*=" icon-"].input.minimal.input-size-sm.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,12px 3rem)}[class*=" icon-"].input.minimal.input-size-xs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,10px 3rem)}[class*=" icon-"].input.minimal.input-size-xxs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,4px 3rem)}.icon-leading.sc-prism-input-text:not(.icon-trailing).input.input-size-md{padding:var(--prism-input-text-spacing-padding,15px 15px 15px 3.5rem)}.icon-leading.sc-prism-input-text:not(.icon-trailing).input.input-size-sm{padding:var(--prism-input-text-spacing-padding,12px 12px 12px 3.5rem)}.icon-leading.sc-prism-input-text:not(.icon-trailing).input.input-size-xs{padding:var(--prism-input-text-spacing-padding,10px 10px 10px 3.5rem)}.icon-leading.sc-prism-input-text:not(.icon-trailing).input.input-size-xxs{padding:var(--prism-input-text-spacing-padding,4px 4px 4px 3.5rem)}.icon-leading.sc-prism-input-text:not(.icon-trailing).input.minimal.input-size-md{padding:var(--prism-input-text-spacing-padding,15px 15px 15px 3rem)}.icon-leading.sc-prism-input-text:not(.icon-trailing).input.minimal.input-size-sm{padding:var(--prism-input-text-spacing-padding,12px 12px 12px 3rem)}.icon-leading.sc-prism-input-text:not(.icon-trailing).input.minimal.input-size-xs{padding:var(--prism-input-text-spacing-padding,10px 10px 10px 3rem)}.icon-leading.sc-prism-input-text:not(.icon-trailing).input.minimal.input-size-xxs{padding:var(--prism-input-text-spacing-padding,4px 4px 4px 3rem)}.icon-trailing.sc-prism-input-text:not(.icon-leading).input.input-size-md{padding:var(--prism-input-text-spacing-padding,15px 3.5rem 15px 15px)}.icon-trailing.sc-prism-input-text:not(.icon-leading).input.input-size-sm{padding:var(--prism-input-text-spacing-padding,12px 3.5rem 12px 12px)}.icon-trailing.sc-prism-input-text:not(.icon-leading).input.input-size-xs{padding:var(--prism-input-text-spacing-padding,10px 3.5rem 10px 10px)}.icon-trailing.sc-prism-input-text:not(.icon-leading).input.input-size-xxs{padding:var(--prism-input-text-spacing-padding,4px 3.5rem 4px 4px)}.icon-trailing.sc-prism-input-text:not(.icon-leading).input.minimal.input-size-md{padding:var(--prism-input-text-spacing-padding,15px 3rem 15px 0)}.icon-trailing.sc-prism-input-text:not(.icon-leading).input.minimal.input-size-sm{padding:var(--prism-input-text-spacing-padding,12px 3rem 12px 0)}.icon-trailing.sc-prism-input-text:not(.icon-leading).input.minimal.input-size-xs{padding:var(--prism-input-text-spacing-padding,10px 3rem 10px 0)}.icon-trailing.sc-prism-input-text:not(.icon-leading).input.minimal.input-size-xxs{padding:var(--prism-input-text-spacing-padding,4px 3rem 4px 0)}.icon-leading.search.input.input-size-md.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,15px 3.5rem)}.icon-leading.search.input.input-size-sm.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,12px 12px 12px 3.5rem)}.icon-leading.search.input.input-size-xs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,10px 10px 10px 3.5rem)}.icon-leading.search.input.input-size-xxs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,4px 4px 4px 3.5rem)}.icon-leading.search.input.minimal.input-size-md.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,15px 3rem)}.icon-leading.search.input.minimal.input-size-sm.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,12px 3rem)}.icon-leading.search.input.minimal.input-size-xs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,10px 3rem)}.icon-leading.search.input.minimal.input-size-xxs.sc-prism-input-text{padding:var(--prism-input-text-spacing-padding,4px 3rem)}.input.disabled.sc-prism-input-text::-moz-placeholder{cursor:not-allowed;opacity:var(--prism-alpha-inactive)}.input.contained.disabled.sc-prism-input-text, .input.disabled.sc-prism-input-text, .input.disabled.sc-prism-input-text::placeholder, .input.minimal.disabled.sc-prism-input-text{cursor:not-allowed;opacity:var(--prism-alpha-inactive)}.invalid-text.sc-prism-input-text{color:var(--prism-color-text-danger-base)}.wrap.sc-prism-input-text{display:block;position:relative}.sc-prism-input-text-s > [css-slot^=icon-], [class^=prism-icon-].sc-prism-input-text{--prism-button-spacing-padding:var(--prism-spacer-size-xs);align-items:center;display:flex;position:absolute;top:calc(50% - var(--prism-input-text-asset-position-top, 0%));transform:translateY(-50%);z-index:var(--prism-layout-z-index-base)}.sc-prism-input-text-s > [css-slot^=icon-][hidden]{display:none}prism-icon[class^=prism-icon-].sc-prism-input-text{pointer-events:none}.sc-prism-input-text-h.contained.sc-prism-input-text-s > [css-slot=icon-leading], .sc-prism-input-text-h.contained .sc-prism-input-text-s > [css-slot=icon-leading], .contained.sc-prism-input-text-h [class^=prism-icon-leading-].sc-prism-input-text{left:var(--prism-spacer-size-lg)}.sc-prism-input-text-h.minimal.sc-prism-input-text-s > [css-slot=icon-leading], .sc-prism-input-text-h.minimal .sc-prism-input-text-s > [css-slot=icon-leading], .minimal.sc-prism-input-text-h [class^=prism-icon-leading-].sc-prism-input-text{left:0}.sc-prism-input-text-h.contained.sc-prism-input-text-s > [css-slot=icon-trailing], .sc-prism-input-text-h.contained .sc-prism-input-text-s > [css-slot=icon-trailing], .contained.sc-prism-input-text-h [class^=prism-icon-trailing-].sc-prism-input-text{right:var(--prism-spacer-size-lg)}.sc-prism-input-text-h.minimal.sc-prism-input-text-s > [css-slot=icon-trailing], .sc-prism-input-text-h.minimal .sc-prism-input-text-s > [css-slot=icon-trailing], .minimal.sc-prism-input-text-h [class^=prism-icon-trailing-].sc-prism-input-text{right:0}.sc-prism-input-text-s > button[css-slot*=icon-]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-style:none;cursor:pointer}.sc-prism-input-text-s > button[css-slot*=icon-]:focus{outline-color:var(--prism-color-border-primary-base)}.number.sc-prism-input-text::-webkit-inner-spin-button, .number.sc-prism-input-text::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.number.sc-prism-input-text{-moz-appearance:textfield}.clear.sc-prism-input-text{display:none}.clear.show.sc-prism-input-text{display:block}.input.search.sc-prism-input-text::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.container.sc-prism-input-text{width:100%}@media (min-width:640px){.container.sc-prism-input-text{max-width:640px}}@media (min-width:768px){.container.sc-prism-input-text{max-width:768px}}@media (min-width:1024px){.container.sc-prism-input-text{max-width:1024px}}@media (min-width:1280px){.container.sc-prism-input-text{max-width:1280px}}@media (min-width:1536px){.container.sc-prism-input-text{max-width:1536px}}', h = u, g = class {
+  constructor(i) {
+    p(this, i), this.prismChange = r(this, "prismChange", 7), this.prismClipboard = r(this, "prismClipboard", 7), this.prismInput = r(this, "prismInput", 7), this.prismKeyup = r(this, "prismKeyup", 7), this.prismKeydown = r(this, "prismKeydown", 7), this.prismBlur = r(this, "prismBlur", 7), this.prismFocus = r(this, "prismFocus", 7), this.prismInvalid = r(this, "prismInvalid", 7), this.uid = l(), this.formatCurrentPosition = 0, this.formatNextPosition = 0, this.isComposing = !1, this.isDirty = !1, this.slots = {
+      "icon-leading": !1,
+      "icon-trailing": !1
+    }, this.onCompositionStart = () => {
+      this.isComposing = !0;
+    }, this.onCompositionEnd = () => {
+      this.isComposing = !1;
+    }, this.prismId = `prism-input-text-${this.uid}`, this.name = this.uid, this.label = this.name.charAt(0).toUpperCase() + this.name.replace(/-/g, " ").substring(1), this.disabled = !1, this.hideLabel = !1, this.hideInvalid = !1, this.invalid = !1, this.invalidMessage = "This field is required", this.describedby = "", this.activedescendant = void 0, this.controls = void 0, this.expanded = void 0, this.complete = void 0, this.setRole = void 0, this.setAutocapitalize = "off", this.autocomplete = "off", this.autocorrect = "off", this.clearOnEdit = void 0, this.setAutofocus = !1, this.hint = void 0, this.min = void 0, this.max = void 0, this.step = "any", this.minlength = void 0, this.maxlength = void 0, this.pattern = void 0, this.placeholder = void 0, this.required = !1, this.readonly = !1, this.tone = "secondary", this.type = "text", this.value = void 0, this.obfuscate = !1, this.obfuscateLabel = "show password", this.obfuscateLabelHidden = "hide password", this.variant = "contained", this.textDisplay = void 0, this.setInputmode = "text", this.format = void 0, this.validation = "native", this.iconDisplay = "fill", this.size = "md", this.customDescribedby = void 0, this.hintId = `${this.prismId}-hint`, this.elementFocused = !1, this.ariaMessage = "", this.validationMessage = this.invalidMessage;
+  }
+  /* Listen for Pasted Value from Clipboard */
+  getClipboardData(i) {
+    let t = i.clipboardData.getData("text");
+    this.prismClipboard.emit({ name: "value-changed", value: t });
+  }
+  /** Watch for a change to invalidMessage and update validation message state */
+  invalidMessageWatchHandler() {
+    this.validationMessage = this.invalidMessage;
+  }
+  /**
+   * @description Public: Set Focus on Input
+   */
+  async setFocus() {
+    this.nativeInput && this.nativeInput.focus();
+  }
+  getValue() {
+    let i = typeof this.value == "number" ? this.value.toString() : (this.value || "").toString();
+    if (this.format && i) {
+      const [t, s] = this.formatValidCharacters(i);
+      i = s;
+    }
+    return i;
+  }
+  /**
+   * Update the native input element when the value changes
+   */
+  valueWatchChanged() {
+    this.format && (this.isDirty = !0);
+    const i = this.nativeInput, t = this.getValue();
+    i && i.value !== t && !this.isComposing && (i.value = t), this.prismChange.emit({ name: "value-changed", id: this.prismId, value: this.value == null ? this.value : this.value.toString() });
+  }
+  // Emit onChange of Value Event
+  /** @internal */
+  valueChanged(i) {
+    var t;
+    (t = this.el) === null || t === void 0 || t.setAttribute("value", i.target.value), this.prismChange.emit({ name: "value-changed", value: i.target.value });
+  }
+  // Validity Check
+  /** @internal */
+  onCheckValidity(i) {
+    i.preventDefault();
+    let t = i.currentTarget;
+    this.validation === "native" && (this.invalid = !t.validity.valid), this.customDescribedby = `${this.hintId} ${this.describedby}`.trim(), this.prismInvalid.emit({ name: "check-validity", value: t.value, target: t, reason: t.validity }), this.prismInput.emit({ name: "check-validity", value: t.value, target: t, reason: t.validity });
+  }
+  /**
+   * Set custom validity error when not every formatted template is entered
+   */
+  checkFormatValidity(i, t) {
+    i.setCustomValidity(t.length > 0 && this.format.length !== t.length ? "formatting" : "");
+  }
+  /** @internal */
+  inputChanged(i) {
+    if (this.isDirty = !0, this.customDescribedby = `${this.hintId} ${this.describedby}`.trim(), this.format)
+      this.inputChangedWithFormatting(i);
+    else {
+      let t = i.currentTarget;
+      this.prismInput.emit({ event: i, name: "input-change", value: t.value, target: t });
+    }
+  }
+  /** @internal */
+  inputChangedWithFormatting(i) {
+    const t = i.currentTarget, s = t.value, [e, a] = this.formatValidCharacters(s);
+    if (this.formatNextPosition === -1 && (this.formatNextPosition = this.findNextPosition(this.formatCurrentPosition)), this.nativeInput.value = a, !this.keydownData.isBackspace && a === this.keydownData.value)
+      return this.nativeInput.setSelectionRange(this.formatCurrentPosition, this.formatCurrentPosition), !1;
+    this.nativeInput.setSelectionRange(this.formatNextPosition, this.formatNextPosition), this.prismInput.emit({
+      event: i,
+      name: "input-change-format",
+      value: e,
+      formattedValue: a,
+      target: t,
+      dirty: this.isDirty,
+      invalid: this.invalid
+    });
+  }
+  /** @internal */
+  onKeyup(i) {
+    let t = i.currentTarget;
+    this.prismKeyup.emit({
+      value: t.value,
+      event: i,
+      name: "input-keyup",
+      type: i.type,
+      key: i.key,
+      code: i.code,
+      target: i.target,
+      valid: t.validity.valid
+    });
+  }
+  /** @internal */
+  onKeydown(i) {
+    let t = i.currentTarget;
+    if (this.prismKeydown.emit({
+      value: t.value,
+      event: i,
+      name: "input-down",
+      type: i.type,
+      key: i.key,
+      code: i.code,
+      target: i.target,
+      valid: t.validity.valid
+    }), !this.format)
+      return;
+    const s = i.target;
+    this.keydownData = {
+      value: s.value,
+      action: i.key,
+      isBackspace: i.key === "Backspace"
+    };
+    const e = s.selectionStart !== s.selectionEnd;
+    if (this.formatCurrentPosition = s.selectionStart, this.formatNextPosition = -1, e && (i.key === "Backspace" || i.key === "Delete"))
+      this.formatNextPosition = this.formatCurrentPosition;
+    else if (i.key === "Backspace") {
+      if (this.formatCurrentPosition === 0) {
+        i.preventDefault();
+        return;
+      }
+      this.formatNextPosition = this.formatCurrentPosition - 1;
+    } else i.key === "Delete" && (this.formatNextPosition = this.findNextPosition(this.formatCurrentPosition, !0), this.format[this.formatCurrentPosition] !== "#" && (s.setSelectionRange(this.formatNextPosition, this.formatNextPosition), i.preventDefault()));
+  }
+  /*Check if invalidMessage is formatted for numeric min and max  */
+  /** @internal */
+  checkInvalidMessage() {
+    var i, t;
+    return this.invalidMessage.replace("{max}", ((i = this.max) === null || i === void 0 ? void 0 : i.toString()) || "Any").replace("{min}", ((t = this.min) === null || t === void 0 ? void 0 : t.toString()) || "Any");
+  }
+  // Input has focus or blurred
+  /** @internal */
+  inputState(i) {
+    let t = i.currentTarget;
+    switch (i.type) {
+      case "blur":
+        this.format && this.checkFormatValidity(t, t.value), this.isDirty && this.validation === "native" && (t.validity.valueMissing && this.required && (this.invalidMessage.includes("{max}") && this.invalidMessage.includes("{min}") ? this.validationMessage = this.checkInvalidMessage() : this.validationMessage = this.invalidMessage), (t.validity.rangeUnderflow || t.validity.rangeOverflow) && (this.invalidMessage.includes("{max}") || this.invalidMessage.includes("{min}") ? this.validationMessage = this.checkInvalidMessage() : this.validationMessage = t.validationMessage), this.invalid = !t.validity.valid), this.elementFocused = !1, this.prismBlur.emit({
+          name: "input-blurred",
+          value: t.value,
+          target: t,
+          dirty: this.isDirty,
+          reason: t.validity,
+          valid: t.validity.valid
+        });
+        break;
+      case "focus":
+        this.elementFocused = !0, this.prismFocus.emit({ name: "input-focused", value: t.value, target: t });
+    }
+  }
+  connectedCallback() {
+    this.customDescribedby = this.hint ? `${this.hintId} ${this.describedby}`.trim() : this.describedby, this.el.querySelector('[slot="icon-leading"]') && this.el.querySelector('[slot="icon-leading"]').setAttribute("css-slot", "icon-leading"), this.el.querySelector('[slot="icon-trailing"]') && this.el.querySelector('[slot="icon-trailing"]').setAttribute("css-slot", "icon-trailing"), this.slots["icon-leading"] = !!this.el.querySelector('[slot="icon-leading"]'), this.slots["icon-trailing"] = !!this.el.querySelector('[slot="icon-trailing"]'), this.value !== "" && this.type === "search" && (this.isDirty = !0), c("prism-input-text");
+  }
+  componentDidLoad() {
+    var i;
+    const t = this.nativeInput;
+    t && (t.addEventListener("compositionstart", this.onCompositionStart), t.addEventListener("compositionend", this.onCompositionEnd), this.format && this.checkFormatValidity(this.nativeInput, (i = this.nativeInput) === null || i === void 0 ? void 0 : i.value)), this.keydownData = {
+      value: this.getValue(),
+      action: "",
+      isBackspace: !1
+    }, this.textDisplay === void 0 && (["sm", "xs", "xxs"].includes(this.size) ? this.textDisplay = "body-300" : this.textDisplay = "body-400");
+  }
+  disconnectedCallback() {
+    const i = this.nativeInput;
+    i && (i.removeEventListener("compositionstart", this.onCompositionStart), i.removeEventListener("compositionend", this.onCompositionEnd));
+  }
+  // Toggle the show/hide of the content in the input
+  /** @internal */
+  _revealToggle() {
+    this.type = this.type === "password" ? "text" : "password";
+  }
+  /** @internal */
+  formatValidCharacters(i = "") {
+    if (!i)
+      return ["", ""];
+    let t = "", s = "", e = 0, a = 0;
+    for (; a < this.format.length && e < i.length; )
+      if (this.format[a] === "#") {
+        for (; e < i.length && !/\d/.test(i[e]); )
+          e++;
+        if (e < i.length && /\d/.test(i[e]))
+          s += i[e], t += i[e], e++;
+        else
+          break;
+        a++;
+      } else
+        s += this.format[a], a++;
+    if (s && a < this.format.length)
+      for (; a < this.format.length; )
+        this.format[a] !== "#" && (s += this.format[a]), a++;
+    return [t, s];
+  }
+  findNextPosition(i, t = !1) {
+    let s = i;
+    for (; s < this.format.length && this.format[s] !== "#"; )
+      s++;
+    return t ? s : s + 1;
+  }
+  findPreviousPosition(i) {
+    if (i === 0)
+      return i;
+    let t = i - 1;
+    if (this.format[t] === "#")
+      return t;
+    for (; t > 0 && this.format[t - 1] !== "#"; )
+      t--;
+    return t;
+  }
+  setAriaMessage(i) {
+    this.ariaMessage = i, setTimeout(() => {
+      this.ariaMessage = "";
+    }, 10);
+  }
+  /**
+   * @description Private: Clear the value of the input
+   * @private
+   */
+  clearValue() {
+    this.setFocus().then(() => {
+      this.value = null;
+    }), this.prismInput.emit({ name: "value-changed", value: "", action: "clear-search" });
+  }
+  render() {
+    var i;
+    const t = this.invalid || this.hint, s = this.getValue();
+    return n(o, { key: "d8c61146fda68a9331958273040beccce9774511", class: { [this.variant]: !0 } }, n("span", { key: "f981de4949798af1f96e46fedde4b9a7d481b514", class: "screen-reader-text", "aria-live": "assertive" }, this.ariaMessage), n("label", { key: "f17b73549f4995810bb51a7ba170ac36f590da51", class: {
+      invalid: this.invalid
+    }, htmlFor: this.prismId }, n("prism-text", { key: "bd6b68815411b605ef805b4a1de94ef6e32d4171", tag: "span", as: "caption", class: {
+      invalid: this.invalid,
+      "label-text": !0,
+      "screen-reader-text": this.hideLabel
+    } }, this.label, this.required && !this.hideLabel && n(m, { key: "70fa65652c05ab59ffa9b3b8f6b2052470352cd4" }))), n("span", { key: "4ab601f7d23f56ead76329050aa0a33511f55c47", class: {
+      wrap: !0,
+      invalid: this.invalid
+    } }, this.type === "search" ? n("prism-icon", { display: this.iconDisplay, class: { "prism-icon-leading-search": !0 }, name: "search" }) : n("slot", { name: "icon-leading" }), n("input", { key: "096ed2f3214da4b463c57edda18cb99f598316fd", class: {
+      input: !0,
+      disabled: this.disabled,
+      invalid: this.invalid,
+      "icon-leading": this.slots["icon-leading"] || this.type === "search",
+      "icon-trailing": this.slots["icon-trailing"] || this.obfuscate,
+      [`${this.tone}-tone`]: !!this.tone,
+      [this.type]: !0,
+      [this.variant]: !0,
+      [this.textDisplay]: !0,
+      [`input-size-${this.size}`]: !0
+    }, ref: (e) => this.nativeInput = e, id: this.prismId, disabled: this.disabled, autocapitalize: this.setAutocapitalize, autocomplete: this.autocomplete, autocorrect: this.autocorrect, autoFocus: this.setAutofocus, inputmode: this.setInputmode, min: this.min, max: this.max, minlength: this.minlength, maxlength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, required: this.required, role: this.setRole, readonly: this.readonly, type: this.type, value: s, "aria-invalid": this.invalid.toString(), "aria-required": this.required.toString(), "aria-describedby": this.customDescribedby ? this.customDescribedby : !1, "aria-activedescendant": this.activedescendant, "aria-controls": this.controls, "aria-expanded": (i = this.expanded) === null || i === void 0 ? void 0 : i.toString(), "aria-autocomplete": this.complete, onInput: (e) => this.inputChanged(e), onInvalid: (e) => this.onCheckValidity(e), onChange: (e) => this.valueChanged(e), onBlur: (e) => this.inputState(e), onFocus: (e) => this.inputState(e), onKeyDown: (e) => this.onKeydown(e), onKeyUp: (e) => this.onKeyup(e), step: this.type === "number" ? this.step : void 0, "data-testid": `${this.name}-test` }), this.obfuscate && n("prism-button", { key: "c1e52a2189d23336e5acfdbf308d09a2b3253a46", size: "xs", class: "prism-icon-trailing-password", label: this.type === "password" ? this.obfuscateLabel : this.obfuscateLabelHidden, onPrismClick: () => this._revealToggle(), display: "ghost-icon" }, n("prism-icon", { key: "508b4bd51a7bcf85b7012bfaa39224b2efa3d486", display: this.iconDisplay, name: this.type === "password" ? "eye" : "eye_hide" })), this.type === "search" && n("prism-button", { key: "5eaf41c1e3aea8903ac5f59274e0c2815bac69b1", display: "ghost-icon", size: "sm", class: { "prism-icon-trailing-search": !0, clear: !0, show: this.isDirty === !0 && this.value !== "" }, label: "clear value", onPrismClick: () => this.clearValue() }, n("prism-icon", { key: "df130a14eeb3fcc9ca1e2ec7ff9010bde61d6cc4", display: this.iconDisplay, name: "close", role: "presentation", size: "xs" })), !this.obfuscate && this.type !== "search" && n("slot", { key: "4284e983b8f6d19f84da8d35f7f266f2568695b8", name: "icon-trailing" })), n("span", { key: "b843df981a06cdbdd42e0e25097473a11c641ab0", "aria-live": "polite", id: this.hintId }, t && n("span", { key: "37a1b15cb46ef3eaee60e707646b77e07b3154f6", class: {
+      "hint-container": !0,
+      "screen-reader-text": this.invalid && this.hideInvalid
+    } }, this.invalid && n("prism-icon", { key: "8b84b19addd8f8ccedac18265a65d6169c0b7f41", display: "fill", slot: "icon-trailing", size: "xs", tone: "danger", name: "alert" }), n("prism-text", { key: "78df3613eeb1c10427494af2b14aeeb3e21746ab", class: {
+      "invalid-text": this.invalid,
+      "hint-text": !0
+    }, as: "caption" }, this.invalid ? this.validationMessage : this.hint))));
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      invalidMessage: ["invalidMessageWatchHandler"],
+      value: ["valueWatchChanged"]
+    };
+  }
+};
+g.style = h;
+export {
+  g as prism_input_text
+};

package/dist/prism-input-textarea.entry-CRqY4mr9.js

@@ -0,0 +1,145 @@
+import { r as n, c as r, b as l, h as a, H as o, g as h } from "./index-D9BZSjMp.js";
+import { g as d, m as p } from "./index-44540db3-BN5vFHKr.js";
+import { A as c } from "./index-4d46d9ca-BtyZMEt1.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const m = ".sc-prism-input-textarea-h{display:flex;flex-direction:column;isolation:isolate;margin:var(--prism-input-textarea-spacing-margin,var(--prism-spacer-size-lg) 0);position:relative;width:100%}.screen-reader-text.sc-prism-input-textarea{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.total.sc-prism-input-textarea{margin-left:auto}.label.sc-prism-input-textarea{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--prism-spacer-size-xs)}.label-text.sc-prism-input-textarea{cursor:pointer;display:inline-block;text-align:left}.input.sc-prism-input-textarea, .label-text.sc-prism-input-textarea{color:var(--prism-color-text-primary-base)}.input.sc-prism-input-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;display:block;max-height:100%;max-width:100%;min-height:var(--prism-input-textarea-min-height,var(--private-textarea-height-initial));resize:none;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:100%}.textarea-wrapper.sc-prism-input-textarea{max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit}.input.sc-prism-input-textarea::-moz-placeholder{color:color-mix(in srgb,var(--prism-color-text-primary-base) var(--prism-alpha-secondary-percentage),transparent)}.input.sc-prism-input-textarea::placeholder{color:color-mix(in srgb,var(--prism-color-text-primary-base) var(--prism-alpha-secondary-percentage),transparent)}.input.contained.sc-prism-input-textarea{background-color:var(--prism-color-material-secondary-base);border:1px solid var(--prism-color-border-primary-base);border-radius:var(--prism-radius-size-sm);outline:.0625rem solid transparent;padding:var(--prism-input-textarea-spacing-padding,var(--prism-spacer-size-lg))}.input.contained.primary-tone.sc-prism-input-textarea{background-color:var(--prism-color-material-primary-base)}.input.contained.secondary-tone.sc-prism-input-textarea{background-color:var(--prism-color-material-secondary-base)}.input.minimal.sc-prism-input-textarea{border-bottom:2px solid var(--prism-color-border-primary-base);padding:var(--prism-input-textarea-spacing-padding,var(--prism-spacer-size-md) 0 0 0)}@starting-style{.input.minimal{border-color:var(--prism-color-border-secondary-base);outline:0 solid transparent;outline-offset:0}}.input.sc-prism-input-textarea:focus-visible{border-color:var(--prism-color-border-brand-primary-focus)}.input.contained.sc-prism-input-textarea:focus-visible{outline-color:var(--prism-color-border-brand-primary-focus)}.input.minimal.sc-prism-input-textarea:focus-visible{outline:none}.input.invalid.sc-prism-input-textarea{border-color:var(--prism-color-border-danger-base)}.input.contained.invalid.sc-prism-input-textarea:focus{outline-color:var(--prism-color-border-danger-focus)}.hint-container.sc-prism-input-textarea{align-items:center;-moz-column-gap:var(--prism-spacer-size-xs);column-gap:var(--prism-spacer-size-xs);display:flex;margin-top:var(--prism-spacer-size-xs)}.hint-text.sc-prism-input-textarea{display:block;text-align:left}.input.disabled.sc-prism-input-textarea::-moz-placeholder{border-color:var(--prism-color-border-primary-disabled);color:var(--prism-color-text-primary-disabled);cursor:not-allowed}.input.contained.disabled.sc-prism-input-textarea, .input.disabled.sc-prism-input-textarea, .input.disabled.sc-prism-input-textarea::placeholder, .input.minimal.disabled.sc-prism-input-textarea{border-color:var(--prism-color-border-primary-disabled);color:var(--prism-color-text-primary-disabled);cursor:not-allowed}.invalid-text.sc-prism-input-textarea{color:var(--prism-color-text-danger-base)}@media (prefers-reduced-motion){.input.sc-prism-input-textarea{transition:none}}.input.auto-grow.sc-prism-input-textarea{field-sizing:content}", u = m, v = class {
+  constructor(t) {
+    n(this, t), this.prismChange = r(this, "prismChange", 7), this.prismClipboard = r(this, "prismClipboard", 7), this.prismInput = r(this, "prismInput", 7), this.prismBlur = r(this, "prismBlur", 7), this.prismFocus = r(this, "prismFocus", 7), this.prismSubmit = r(this, "prismSubmit", 7);
+    var e;
+    this.uid = d(), this.isDirty = !1, this.prismId = `prism-input-textarea-${this.uid}`, this.name = this.uid, this.label = this.name.charAt(0).toUpperCase() + ((e = this.name.replace(/-/g, " ")) === null || e === void 0 ? void 0 : e.substring(1)), this.disabled = !1, this.hideLabel = !1, this.invalid = !1, this.invalidMessage = "This field is required", this.invalidMessageMaxLength = "Maximum {max} characters", this.describedby = "", this.hint = void 0, this.pattern = void 0, this.placeholder = void 0, this.required = !1, this.readonly = !1, this.setSpellcheck = !1, this.cols = void 0, this.rows = void 0, this.wrap = void 0, this.setEnterkeyhint = void 0, this.maxlength = void 0, this.minlength = void 0, this.autocomplete = "off", this.setAutocapitalize = "none", this.setAutofocus = !1, this.variant = "contained", this.autoGrow = !1, this.behavior = void 0, this.value = "", this.validation = "native", this.tone = "secondary", this.hintId = `${this.prismId}-hint`, this.customDescribedBy = void 0, this.elementFocused = !1, this.totalCharacters = void 0, this.validationMessage = this.invalidMessage;
+  }
+  /** Watch for a change to invalidMessage and update validation message state */
+  invalidMessageWatchHandler() {
+    this.validationMessage = this.invalidMessage;
+  }
+  /* Listen for Pasted Value from Clipboard */
+  getClipboardData(t) {
+    let e = t.clipboardData.getData("text");
+    this.prismClipboard.emit({ name: "value-changed", value: e });
+  }
+  /**
+   * Listen to Reset Events
+   */
+  handleReset() {
+    var t;
+    this.value = "", this.autoGrow && this.element && (this.element.style.height = "auto"), this.prismChange.emit({ name: "value-changed", target: this.element, value: (t = this.element) === null || t === void 0 ? void 0 : t.value });
+  }
+  /**
+   * @description Public: Set Focus on Input
+   */
+  async setFocus() {
+    this.element && this.element.focus();
+  }
+  /**
+   * Returns the native `<textarea>` element used under the hood.
+   */
+  getInputElement() {
+    return Promise.resolve(this.element);
+  }
+  // Validity Check
+  /** @internal */
+  onCheckValidity(t) {
+    t.preventDefault(), this.validation === "native" && (this.invalid = !this.element.validity.valid), this.customDescribedBy = `${this.hintId} ${this.describedby}`.trim(), this.prismInput.emit({
+      name: "check-validity",
+      target: this.element,
+      validity: this.element.validity,
+      origin: t
+    });
+  }
+  /** Key Up or Down Event */
+  _onKeys(t) {
+    let e = t.target;
+    this.behavior === "submit-on-enter" && t.type === "keydown" && t.key === "Enter" && !t.shiftKey && (t.preventDefault(), this.prismSubmit.emit({ name: "submit-on-enter", id: this.prismId, target: e, value: e.value, validity: e.validity, origin: t })), t.type === "keydown" && this.maxlength && this.maxlength === this.totalCharacters && (this.validation === "native" && (this.invalid = !0), this.validationMessage = this.invalidMessageMaxLength.replace("{max}", this.maxlength.toString()), this.prismChange.emit({ name: "max-length-reached", target: e, value: e.value, total: this.totalCharacters })), t.type === "keyup" && this.maxlength && this.totalCharacters < this.maxlength && (this.validation === "native" && (this.invalid = !1), this.validationMessage = this.invalidMessage);
+  }
+  // Input Changed
+  /** @internal */
+  inputChanged(t) {
+    this.isDirty = !0, this.runAutoGrow(), this.runCharacterLength(), this.customDescribedBy = `${this.hintId} ${this.describedby}`.trim(), this.value = this.element.value, this.prismInput.emit({ name: "input-change", value: this.element.value, target: this.element, origin: t });
+  }
+  // Emit onChange of Value Event
+  valueChanged() {
+    var t;
+    const e = this.element, s = this.getValue();
+    e && e.value !== s && (e.value = s), this.runAutoGrow(), this.runCharacterLength(), this.prismChange.emit({ name: "value-changed", target: this.element, value: (t = this.element) === null || t === void 0 ? void 0 : t.value });
+  }
+  // Input has focus or blurred
+  /** @internal */
+  inputState(t) {
+    var e;
+    switch (t.type) {
+      case "blur":
+        this.isDirty && this.validation === "native" && (this.invalid = !(!((e = this.element) === null || e === void 0) && e.validity.valid)), this.elementFocused = !1, this.prismBlur.emit({
+          name: "input-blurred",
+          value: this.element.value,
+          target: this.element,
+          validity: this.element.validity
+        });
+        break;
+      case "focus":
+        this.elementFocused = !0, this.prismFocus.emit({ name: "input-focused", value: this.element.value, target: this.element });
+    }
+    this.value = this.element.value || "";
+  }
+  // Get Character Length
+  runCharacterLength() {
+    const t = this.element;
+    t && this.maxlength && l(() => {
+      var e;
+      this.totalCharacters = (e = t.value) === null || e === void 0 ? void 0 : e.substring(0, this.maxlength).length;
+    });
+  }
+  // TextArea Grows as Value Changes
+  runAutoGrow() {
+    const t = this.element;
+    CSS.supports("field-sizing", "content") || t && this.autoGrow && (t.style.height = "auto", t.style.height = t.scrollHeight + "px");
+  }
+  getValue() {
+    return this.value || "";
+  }
+  componentDidRender() {
+    let t = this.element.getBoundingClientRect().height, e = getComputedStyle(this.element).fontSize, s = getComputedStyle(this.element).lineHeight, i = parseFloat(e) * parseFloat(s);
+    this.textareaInitialHeight = Math.round(t / i);
+  }
+  connectedCallback() {
+    var t;
+    ((t = this.el.firstChild) === null || t === void 0 ? void 0 : t.nodeName) === "#text" && (this.value = this.el.firstChild.textContent, this.el.firstChild.remove()), this.customDescribedBy = this.hint ? `${this.hintId} ${this.describedby}` : this.describedby, p("prism-textarea");
+  }
+  componentDidLoad() {
+    this.runAutoGrow(), this.runCharacterLength();
+  }
+  render() {
+    const t = this.invalid || this.hint, e = this.getValue(), s = !isNaN(this.maxlength) && !isNaN(this.totalCharacters);
+    return a(o, { key: "f09f70a5e436c276a0df4f7edea8b8fcae798620" }, a("span", { key: "fd90ce464ee2e91ef27613615b9ddbd45a25354e", class: "label" }, a("label", { key: "353e6b28abc8e8bfa0270d7d406219d8ec9a2294", class: {
+      invalid: this.invalid,
+      focus: this.elementFocused,
+      "screen-reader-text": this.hideLabel
+    }, htmlFor: this.prismId }, a("prism-text", { key: "982337315164a7986f0c1a1d6f82c1fd944786e9", tag: "span", as: "caption", class: {
+      invalid: this.invalid,
+      "label-text": !0
+    } }, this.label, this.required && a(c, { key: "f8d09f9b4b968fa33f7106bd9d44e30db6e3f171" }))), s && a("prism-text", { key: "6f028af34f27a8aa16dcb3afd23d45db23df6889", class: "total", tag: "span", as: "caption" }, this.totalCharacters, "/", this.maxlength)), a("div", { key: "e19581b14f9b9da95c89195966808c2c27a854e8", class: "textarea-wrapper", ref: (i) => this.elementWrapper = i }, a("textarea", { key: "7b3433d86559bc9de5973408464a2b2ecdca787c", style: {
+      "--private-textarea-height-initial": this.rows !== void 0 ? this.rows + "rlh" : this.textareaInitialHeight + "rlh"
+    }, class: {
+      input: !0,
+      disabled: this.disabled,
+      invalid: this.invalid,
+      [this.variant]: !0,
+      [`${this.tone}-tone`]: !0,
+      "auto-grow": this.autoGrow && CSS.supports("field-sizing", "content")
+    }, wrap: this.wrap, spellcheck: this.setSpellcheck, rows: this.rows, cols: this.cols, ref: (i) => this.element = i, id: this.prismId, disabled: this.disabled, name: this.name, placeholder: this.placeholder || "", maxLength: this.maxlength, minLength: this.minlength, required: this.required, readonly: this.readonly, autoCapitalize: this.setAutocapitalize, autoFocus: this.setAutofocus, enterKeyHint: this.setEnterkeyhint, "aria-invalid": this.invalid.toString(), "aria-required": this.required.toString(), "aria-describedby": this.customDescribedBy ? this.customDescribedBy : !1, onInput: (i) => this.inputChanged(i), onKeyDown: (i) => this._onKeys(i), onKeyUp: (i) => this._onKeys(i), onInvalid: (i) => this.onCheckValidity(i), onChange: () => this.valueChanged(), onBlur: (i) => this.inputState(i), onFocus: (i) => this.inputState(i) }, e)), a("span", { key: "d33d9438905dd8bce2449f760019fd072910bd7d", "aria-live": "polite", id: this.hintId }, t && a("span", { key: "558e25e9d3c8fa20712574bcd577ba0b143b07e6", class: "hint-container" }, this.invalid && a("prism-icon", { key: "5f730cc33f64cb58b0d73c61c109518f34fb96b3", display: "fill", slot: "icon-trailing", size: "xs", tone: "danger", name: "alert" }), a("prism-text", { key: "76961a5962d86f6e340408e1be5722d595057ac6", class: { "invalid-text": this.invalid, "hint-text": !0 }, as: "caption" }, this.invalid ? this.validationMessage : this.hint))));
+  }
+  get el() {
+    return h(this);
+  }
+  static get watchers() {
+    return {
+      invalidMessage: ["invalidMessageWatchHandler"],
+      value: ["valueChanged"]
+    };
+  }
+};
+v.style = u;
+export {
+  v as prism_input_textarea
+};

package/dist/prism-input-time.entry-BJ9he6MX.js

@@ -0,0 +1,85 @@
+import { r as c, c as m, h as t, H as l } from "./index-D9BZSjMp.js";
+import { d as a } from "./index-ba31999b-V1s4iffq.js";
+import { g as h } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const p = ".sc-prism-input-time-h{display:block}.screen-reader-text.sc-prism-input-time{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}fieldset.sc-prism-input-time{align-items:start;border:2px solid transparent;display:flex;gap:var(--prism-spacer-size-sm);padding:0}.label.sc-prism-input-time{font-family:var(--prism-font-caption-base-family);font-size:var(--prism-font-caption-base-size);font-weight:var(--prism-font-caption-base-weight);letter-spacing:var(--prism-font-caption-base-tracking);line-height:var(--prism-font-caption-base-leading)}.label.sc-prism-input-time:hover{cursor:pointer}.spin-column.sc-prism-input-time{flex-direction:column;width:4rem}.spin-column.sc-prism-input-time,.trigger-layout.sc-prism-input-time{align-items:center;display:flex;gap:var(--prism-spacer-size-xs);justify-content:center}.trigger-layout.up.sc-prism-input-time{flex-direction:column}.trigger-layout.down.sc-prism-input-time{flex-direction:column-reverse}.time-input.sc-prism-input-time{--prism-input-text-align:center}", b = p, f = class {
+  constructor(e) {
+    c(this, e), this.prismChange = m(this, "prismChange", 7), this._uid = h(), this._maxHour = this.as === "12" ? 12 : 23, this._minHour = this.as === "12" ? 1 : 0, this._dateFormat = this.as === "12" ? "h:mm aa" : "HH:mm", this._checkforValidNumber = (i) => !isNaN(Number(i)), this._setStateValue = (i, n, u) => {
+      const { value: o, key: r } = i.detail, { type: d } = i;
+      if (!(this._checkforValidNumber(i.detail.value) === !1 && d !== "prismClick")) {
+        if (n === "hour") {
+          if (r === "ArrowUp" || r === "ArrowDown") {
+            let s = this._adjustValue(Number(i.detail.value), this._minHour, this._maxHour, r === "ArrowUp");
+            this.hour = this.as === "12" ? s.toString() : s.toString().padStart(2, "0");
+            return;
+          }
+          if (d === "prismClick") {
+            let s = this._adjustValue(Number(this.hour), this._minHour, this._maxHour, u === "increase");
+            this.hour = this.as === "12" ? s.toString() : s.toString().padStart(2, "0");
+            return;
+          }
+          this.hour = o;
+        }
+        if (n === "minutes") {
+          if (r === "ArrowUp" || r === "ArrowDown") {
+            let s = this._adjustValue(Number(i.detail.value), 0, 59, r === "ArrowUp");
+            this.minute = s.toString().padStart(2, "0");
+            return;
+          }
+          if (i.type === "prismClick") {
+            let s = this._adjustValue(Number(this.minute), 0, 59, u === "increase");
+            this.minute = s.toString().padStart(2, "0");
+            return;
+          }
+          this.minute = o;
+        }
+      }
+    }, this._onBlur = (i) => {
+      i.detail.value.length === 0 && (this._inputM.value = (/* @__PURE__ */ new Date()).getMinutes().toString().padStart(2, "0"), this._inputH.value = this.as === "24" ? (/* @__PURE__ */ new Date()).getHours().toString().padStart(2, "0") : ((/* @__PURE__ */ new Date()).getHours() % 12 || 12).toString());
+    }, this.prismId = `prism-input-time-${this._uid}`, this.as = "12", this.hourLabel = "Hour", this.minuteLabel = "Minute", this.legend = "Select Time", this.value = void 0, this.tone = void 0, this.currentDateTime = /* @__PURE__ */ new Date(), this.hour = this.as === "24" ? (/* @__PURE__ */ new Date()).getHours().toString().padStart(2, "0") : ((/* @__PURE__ */ new Date()).getHours() % 12 || 12).toString(), this.minute = (/* @__PURE__ */ new Date()).getMinutes().toString().padStart(2, "0"), this.selectedDate = /* @__PURE__ */ new Date(), this.meridiem = this.currentDateTime.getHours() < 12 ? "AM" : "PM";
+  }
+  watchAs(e) {
+    e === "12" ? this.hour = (Number(this.hour) % 12 || 12).toString() : this.hour = (Number(this.hour) % 12 + (this.meridiem === "PM" ? 12 : 0)).toString().padStart(2, "0");
+  }
+  // Stencil Lifecycle Events
+  componentWillRender() {
+    if (this._checkforValidNumber(this.hour)) {
+      if (this.as === "12") {
+        const e = Number(this.hour) % 12;
+        this.selectedDate.setHours(this.meridiem === "PM" ? e + 12 : e);
+      } else
+        this.selectedDate.setHours(Number(this.hour));
+      this.selectedDate.setMinutes(Number(this.minute)), this.prismChange.emit({
+        name: "time-changed",
+        value: this.selectedDate,
+        type: this.as,
+        iso: a.formatISO(this.selectedDate),
+        time: a.formatDate(this.selectedDate, this._dateFormat)
+      });
+    }
+  }
+  componentWillLoad() {
+    if (this.value) {
+      const i = /^\d+$/.test(this.value) ? a.fromUnixTime(Number(this.value.length === 10 ? this.value : this.value.slice(0, 10))) : new Date(this.value);
+      isNaN(i.getTime()) ? console.warn("Invalid date format passed to value:", this.value) : (console.info("Parsed date:", i), this.currentDateTime = i, this.meridiem = a.getHours(i) < 12 ? "AM" : "PM", this.hour = this.as === "12" ? (a.getHours(i) % 12 || 12).toString() : a.getHours(i).toString().padStart(2, "0"), this.minute = a.getMinutes(i).toString().padStart(2, "0"));
+    }
+  }
+  _adjustValue(e, i, n, u) {
+    if (typeof e == "number")
+      return u ? e >= n ? i : e + 1 : e <= i ? n : e - 1;
+  }
+  render() {
+    return t(l, { key: "f2cc792d5c126db2e4292ec55d3c73611afe64bd" }, t("fieldset", { key: "c70a1ec7d1d7873197399a8b52568595b1c0b3c8" }, t("legend", { key: "85b3d851e05856dbf87aaa94a63890fe32bd7bfa", class: "screen-reader-text" }, this.legend), t("span", { key: "af102a1799ed3fa6e0042e2b3b5330e12c314fdc", class: "spin-column" }, t("label", { key: "f287d7410dff8f3269338b25db60ed40db5e833b", class: "label", htmlFor: "hour" }, this.hourLabel), t("prism-button", { key: "b03f7724fbb56baadbeffa050e1aba73a8554e5e", tabindex: -1, display: "ghost-icon", size: "xs", onPrismClick: (e) => this._setStateValue(e, "hour") }, t("span", { key: "d80d3cce3c47947147134574b2c678a8103b4fdf", class: "trigger-layout up" }, t("prism-icon", { key: "aa6edf20e5a1bfed5f4a3930d130517254361eb9", display: "outline", label: "Decrease hour to", name: "caret_up_button", size: "sm" }), t("prism-text", { key: "6b2f2e941928c58fa01b47fd1e267cc4011832ec", tag: "span", as: "caption" }, this._adjustValue(Number(this.hour), this._minHour, this._maxHour, !1).toString().padStart(2, "0")))), t("prism-input-text", { key: "521bcbbe2c6a12115ca27a383d314dbee86decab", tone: this.tone, ref: (e) => this._inputH = e, onPrismKeyup: (e) => this._setStateValue(e, "hour"), onPrismChange: (e) => this._setStateValue(e, "hour"), onPrismBlur: (e) => this._onBlur(e), format: "##", validation: "manual", variant: "contained", class: "time-input", type: "text", hideLabel: !0, label: "current selected hour", prismId: "hour", "set-role": "spinbutton", setInputmode: "numeric", value: this.hour }), t("prism-button", { key: "7e45612a552423e579417ec2ace2ca15877407dc", tabindex: -1, onPrismClick: (e) => this._setStateValue(e, "hour", "increase"), display: "ghost-icon", size: "xs" }, t("span", { key: "03215a293baa5825eaed5def5a2948b3231974fc", class: "trigger-layout down" }, t("prism-icon", { key: "26ea7788b12dad7bd9c472fb84e2d697eda1e7f1", display: "outline", label: "Increase hour to", name: "caret_down_button", size: "sm" }), t("prism-text", { key: "be83ab841ea4d2d8bb68a8802b43df9333ed6256", tag: "span", as: "caption" }, this._adjustValue(Number(this.hour), this._minHour, this._maxHour, !0).toString().padStart(2, "0"))))), t("span", { key: "0c57a0b1b138b5a75ce19d34ddc861d94cea05c2", class: "spin-column" }, t("label", { key: "9688a1ec19ac672c84c51cd976dc69a1d066172d", class: "label", htmlFor: "minutes" }, this.minuteLabel), t("prism-button", { key: "d33ef83271b0d9521504bb460bc2c695b375330c", tabindex: -1, onPrismClick: (e) => this._setStateValue(e, "minutes"), display: "ghost-icon", size: "xs" }, t("span", { key: "7bd37c9b0814906443e8e6840d6da3502761e869", class: "trigger-layout up" }, t("prism-icon", { key: "50ede3f5a61f792f3c89fe76f6f3c5e92755988f", display: "outline", label: "Decrease hour to", name: "caret_up_button", size: "sm" }), t("prism-text", { key: "b4a7e99bec649068467e9e8752065b6af3717179", tag: "span", as: "caption" }, this._adjustValue(Number(this.minute), 0, 59, !1).toString().padStart(2, "0")))), t("prism-input-text", { key: "8b0037967dd411fc713c4c704de00770cfa37908", tone: this.tone, ref: (e) => this._inputM = e, onPrismChange: (e) => this._setStateValue(e, "minutes"), onPrismKeyup: (e) => this._setStateValue(e, "minutes"), onPrismBlur: (e) => this._onBlur(e), validation: "manual", format: "##", variant: "contained", class: "time-input", type: "text", label: "current selected minutes", hideLabel: !0, prismId: "minutes", setInputmode: "numeric", "set-role": "spinbutton", value: this.minute }), t("prism-button", { key: "77da3192503d1113a9c00a27e7ac4cfeab2ac751", onPrismClick: (e) => this._setStateValue(e, "minutes", "increase"), tabindex: -1, display: "ghost-icon", size: "xs" }, t("span", { key: "3b7f9fa71f603378bdb27d4fb57fdf6993db8cbf", class: "trigger-layout down" }, t("prism-icon", { key: "7797ea8794944f75f92be89382b4a3150edafddd", display: "outline", label: "Increase minutes to", name: "caret_down_button", size: "sm" }), t("prism-text", { key: "683bd2c984c9f88bf839f362b57dfc106ccb496c", tag: "span", as: "caption" }, this._adjustValue(Number(this.minute), 0, 59, !0).toString().padStart(2, "0"))))), this.as === "12" && t("span", { key: "0bbfdf0ab7228a7a4cb3fba0e88334e66cd1ccdb", class: "meridiem" }, t("prism-radio-group", { key: "7ce3dfe502a115688edd04e84a3fa5123704db2a", layout: "stacked", "show-legend": "false", legend: "Choose AM or PM" }, t("prism-radio", { key: "e3827e55393931f93aa535225d4c87077d625ee9", name: "am-pm", label: "AM", value: "am", checked: this.currentDateTime.getHours() < 12, onPrismChange: (e) => this.meridiem = "AM" }), t("prism-radio", { key: "857426db6480e84263c6885d20b95841c3489a9f", name: "am-pm", label: "PM", value: "pm", checked: this.currentDateTime.getHours() >= 12, onPrismChange: (e) => this.meridiem = "PM" }))), t("input", { key: "721514e5df713492bbb85b2c3ec4af977191ab9b", type: "hidden", name: this.prismId, "aria-hidden": "true", value: a.formatDate(this.selectedDate, this._dateFormat) })), t("span", { key: "2bf69477c26a93ec45107c9dd95db6724a3af401", class: "screen-reader-text", "aria-live": "polite" }, "Selected Time: ", a.formatDate(this.selectedDate, this._dateFormat)));
+  }
+  static get watchers() {
+    return {
+      as: ["watchAs"]
+    };
+  }
+};
+f.style = b;
+export {
+  f as prism_input_time
+};

package/dist/prism-layout.entry-ulDWjtj8.js

@@ -0,0 +1,20 @@
+import { r as a, h as t, H as i } from "./index-D9BZSjMp.js";
+import { m as s } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const r = '.prism-text-caption.sc-prism-layout{font-family:var(--prism-font-caption-base-family);font-size:var(--prism-font-caption-base-size);font-weight:var(--prism-font-caption-base-weight);letter-spacing:var(--prism-font-caption-base-tracking);line-height:var(--prism-font-caption-base-leading)}.sc-prism-layout-h{display:block;height:100%;width:100%}.shell.sc-prism-layout{display:grid;gap:0;height:100%;min-height:100vh}.content-text.sc-prism-layout,.skip.sc-prism-layout:not(:focus){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip.sc-prism-layout{font-family:var(--prism-font-caption-base-family);font-size:var(--prism-font-caption-base-size);font-weight:var(--prism-font-caption-base-weight);letter-spacing:var(--prism-font-caption-base-tracking);line-height:var(--prism-font-caption-base-leading);outline:2px solid transparent;outline-offset:2px}.full.sc-prism-layout,.two-thirds-right.sc-prism-layout{grid-template-areas:"Header Header" "Content Side" "Footer Footer"}.full.sc-prism-layout,.two-thirds-left.sc-prism-layout,.two-thirds-right.sc-prism-layout{gap:0;grid-template-columns:1fr;grid-template-rows:-webkit-max-content 1fr -webkit-max-content;grid-template-rows:max-content 1fr max-content}.two-thirds-left.sc-prism-layout{grid-template-areas:"Header Header" "Side Content" "Footer Footer"}.header.sc-prism-layout{border-width:0;grid-area:Header;padding:0}.side.sc-prism-layout{display:flex;grid-area:Side}.flush.sc-prism-layout{--prism-layout-spacing-padding:0}.content.sc-prism-layout{grid-area:Content;padding:var(--prism-layout-spacing-padding,var(--prism-spacer-size-sm))}.footer.sc-prism-layout{border-width:0;grid-area:Footer;padding:0}@media (min-width:768px){.full.sc-prism-layout{grid-template-areas:"Header Header" "Content Content" "Footer Footer"}.full.sc-prism-layout,.two-thirds-left.sc-prism-layout{grid-template-columns:minmax(-webkit-max-content,-webkit-min-content) minmax(0,1fr);grid-template-columns:minmax(max-content,min-content) minmax(0,1fr);grid-template-rows:-webkit-max-content 1fr -webkit-max-content;grid-template-rows:max-content 1fr max-content}.two-thirds-left.sc-prism-layout{grid-template-areas:"Header Header" "Side Content" "Side Footer"}.two-thirds-right.sc-prism-layout{grid-template-areas:"Header Header" "Content Side" "Footer Side";grid-template-columns:minmax(0,1fr) minmax(-webkit-max-content,-webkit-min-content);grid-template-columns:minmax(0,1fr) minmax(max-content,min-content);grid-template-rows:-webkit-max-content 1fr -webkit-max-content;grid-template-rows:max-content 1fr max-content}}', n = r, o = class {
+  constructor(e) {
+    a(this, e), this.arrangement = "full", this.flush = !1, this.skipLabel = "skip to main content", this.mainContentLabel = "main content text", this.skip = !0;
+  }
+  connectedCallback() {
+    s("prism-layout");
+  }
+  render() {
+    return t(i, { key: "2758b179ee261f410eb3a08410d852f592bff33d", class: "layout" }, t("section", { key: "0a06b94450b124842271ee4254cb77fc2a102f7b", class: { shell: !0, [this.arrangement]: !0 } }, t("header", { key: "5ec49e130c9c0f71cf02b69a5598b3cc4bbef748", class: { header: !0 } }, this.skip && t("a", { key: "ba02484ff524c5f2b67c7130b1c7a5ea98c351ba", class: { skip: !0 }, href: "#main" }, this.skipLabel), t("slot", { key: "13b6c0f2b6d4e10420d53dbe3f28bd9ac750a4b0", name: "header" })), this.arrangement !== "full" && t("aside", { key: "c5f4df84a3c1cdb4fae36834ea00d026dd8e2bb7", class: { side: !0 } }, t("slot", { key: "65198eeb9e8218468b9c06a43aff92822f94760c", name: "side" })), t("main", { key: "48be17d62e30e35e8adb49a09e3e9e6a2eeef8ad", class: { content: !0, flush: this.flush } }, t("span", { key: "c701e5a7fd051f36dbe1ce022bae1bdfba080cc4", id: "main", tabindex: "-1" }, t("span", { key: "3c17211b05b782432947802f94c9d338ccfba3d9", class: "content-text" }, this.mainContentLabel)), t("slot", { key: "ef714bfe3ae3267c8188d42273c0a2354679d23c" })), t("footer", { key: "2c620dae02833460581f23bc75f039702dc98528", class: { footer: !0 } }, t("slot", { key: "60d5cbb9677dce6fa7b487eb0d0e60f5f5b2796c", name: "footer" }))));
+  }
+};
+o.style = n;
+export {
+  o as prism_layout
+};