@ed.yakovich/component-library 0.0.11 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/components/InfoBanner/index.js +23 -4
  2. package/dist/main.js +1 -1
  3. package/package.json +2 -5
  4. package/dist/index-0d8e0844-BJzWsYCM.js +0 -7403
  5. package/dist/index-By9FNwDt.js +0 -29159
  6. package/dist/index-b30029d4-WVn-64c9.js +0 -12
  7. package/dist/index-e6818ded-r_t6ryaW.js +0 -57
  8. package/dist/index.esm-322571ff-D1REhsOg.js +0 -41
  9. package/dist/prism-accordion.entry-Cx9R3pGR.js +0 -51
  10. package/dist/prism-avatar_2.entry-BYgG-lCw.js +0 -68
  11. package/dist/prism-badge.entry-7tkOjkOC.js +0 -58
  12. package/dist/prism-banner.entry-jfMhWTJ-.js +0 -82
  13. package/dist/prism-breadcrumb.entry-6BKiTFvg.js +0 -33
  14. package/dist/prism-button_2.entry-DnnPRWBp.js +0 -110
  15. package/dist/prism-card.entry-CkJQnJF8.js +0 -119
  16. package/dist/prism-carousel.entry-CjyHpSoz.js +0 -3111
  17. package/dist/prism-checkbox-group.entry-h68bFMNT.js +0 -62
  18. package/dist/prism-checkbox.entry-BnqA0ld6.js +0 -99
  19. package/dist/prism-data-table.entry-CRJbrNmp.js +0 -10475
  20. package/dist/prism-datepicker.entry-Xu0QUY2Q.js +0 -249
  21. package/dist/prism-form.entry-BJl2ma6x.js +0 -42
  22. package/dist/prism-grid.entry-DIdkZa73.js +0 -28
  23. package/dist/prism-header.entry-BZVXHBCx.js +0 -202
  24. package/dist/prism-hero.entry-D6vT9Cfs.js +0 -23
  25. package/dist/prism-icon_2.entry-u0DT931p.js +0 -118
  26. package/dist/prism-image.entry-Db2L08jh.js +0 -38
  27. package/dist/prism-input-file.entry-NMZff8Re.js +0 -119
  28. package/dist/prism-input-otp.entry-qFelMElv.js +0 -63
  29. package/dist/prism-input-text.entry-YbQ3NQuB.js +0 -228
  30. package/dist/prism-input-textarea.entry-Bz7ecyna.js +0 -140
  31. package/dist/prism-layout.entry-DVLlE1S8.js +0 -20
  32. package/dist/prism-lineitem.entry-BOUyDMlc.js +0 -44
  33. package/dist/prism-menu.entry-TqJabKKs.js +0 -231
  34. package/dist/prism-modal.entry-CiIsey_Y.js +0 -94
  35. package/dist/prism-pagination.entry-BZOMunz-.js +0 -60
  36. package/dist/prism-popover.entry-Bt1uXSV9.js +0 -1013
  37. package/dist/prism-popper.entry-Ck2qBmqM.js +0 -959
  38. package/dist/prism-progress.entry-DobqcGx4.js +0 -79
  39. package/dist/prism-radio-group.entry-DTVEUN2r.js +0 -66
  40. package/dist/prism-radio.entry-D0dGSQn2.js +0 -101
  41. package/dist/prism-select.entry-CRYklxK0.js +0 -230
  42. package/dist/prism-switch.entry-CINfgY_6.js +0 -95
  43. package/dist/prism-tab.entry-dV7AljQC.js +0 -20
  44. package/dist/prism-tabs.entry-DPc_2ypT.js +0 -70
  45. package/dist/prism-tooltip.entry-DZJ2tfFV.js +0 -52
  46. package/dist/prism-typeahead.entry-DDkmHo72.js +0 -1234
@@ -1,228 +0,0 @@
1
- import { r as o, c as r, h as s, H as l, g as c } from "./index-By9FNwDt.js";
2
- import { g as d, m as p } from "./index-e6818ded-r_t6ryaW.js";
3
- import { A as h } from "./index-b30029d4-WVn-64c9.js";
4
- /*!
5
- * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
6
- */
7
- const u = `.text-body1.sc-prism-input-text{--text-body1-leading:var(--text-body1-line-height);--text-body1-family:var(--text-family-default);font-family:var(--text-body1-family);font-size:var(--text-body1-size);font-weight:var(--text-body1-weight);letter-spacing:var(--text-body1-letter-spacing);line-height:var(--text-body1-leading);text-transform:var(--text-body1-text-transform)}.sc-prism-input-text-h{--icon-offset-x:0.75rem;--icon-offset-y:0%;--input-margin-top:1rem;--input-margin-bottom:1rem;--text-align:left;--input-padding-minimal:var(--space-asym-1,calc(0.75rem - 1px) 0 0.5rem 0);--input-padding-contained:var(--space-sym-1,calc(1rem - 1px));box-sizing:border-box;display:block;isolation:isolate;margin-bottom:var(--input-margin-bottom);margin-top:var(--input-margin-top);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{--tw-text-opacity:1;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity));cursor:pointer;display:inline-block;margin-bottom:.25rem;text-align:left}.hint-container.sc-prism-input-text{align-items:center;display:flex;margin-top:.25rem}.hint-container.sc-prism-input-text>.sc-prism-input-text:not([hidden])~.sc-prism-input-text:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.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{--text-body1-leading:var(--text-body1-line-height);--text-body1-family:var(--text-family-default);--tw-text-opacity:1;--tw-border-opacity:1;background-color:var(--background-color-transparent,transparent);border-color:rgb(var(--border-color-stroke-neutral2-base)/var(--tw-border-opacity));border-style:solid;border-width:0 0 1px;box-sizing:border-box;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;text-align:var(--text-align,left);transition:border-color,box-shadow,border-radius,padding .2s ease-in-out;width:100%}.input.sc-prism-input-text,.input.body1.sc-prism-input-text{font-family:var(--text-body1-family);font-size:var(--text-body1-size);font-weight:var(--text-body1-weight);letter-spacing:var(--text-body1-letter-spacing);line-height:var(--text-body1-leading);text-transform:var(--text-body1-text-transform)}.input.body1.sc-prism-input-text{--text-body1-leading:var(--text-body1-line-height);--text-body1-family:var(--text-family-default)}.input.heading1.sc-prism-input-text{--text-headline1-leading:var(--text-headline1-line-height);--text-headline1-family:var(--text-family-brand);font-family:var(--text-headline1-family);font-size:var(--text-headline1-size);font-weight:var(--text-headline1-weight);letter-spacing:var(--text-headline1-letter-spacing);line-height:var(--text-headline1-leading);text-transform:var(--text-headline1-text-transform)}.input.sc-prism-input-text::-ms-reveal{display:none}.input.minimal.sc-prism-input-text{padding:var(--input-padding-minimal)}.input.contained.sc-prism-input-text{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));border-radius:var(--border-radius-small,4px);border-width:1px;padding:var(--input-padding-contained)}.input.sc-prism-input-text::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity))}.input.sc-prism-input-text::placeholder{--tw-text-opacity:1;color:rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity))}.input.contained.sc-prism-input-text:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring-color-stroke-theme1-base)/var(--tw-ring-opacity));border-color:var(--border-color-transparent,transparent);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.input.minimal.sc-prism-input-text:focus{--tw-border-opacity:1;border-bottom-width:2px;border-color:rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity))}.input.contained.valid.sc-prism-input-text,.input.minimal.valid.sc-prism-input-text,.input.minimal.valid.sc-prism-input-text:focus{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-positive-base)/var(--tw-border-opacity))}.input.contained.valid.sc-prism-input-text:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring-color-stroke-positive-base)/var(--tw-ring-opacity));border-color:var(--border-color-transparent,transparent);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.input.contained.invalid.sc-prism-input-text,.input.minimal.invalid.sc-prism-input-text,.input.minimal.invalid.sc-prism-input-text:focus{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-negative-base)/var(--tw-border-opacity))}.input.contained.invalid.sc-prism-input-text:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring-color-stroke-negative-base)/var(--tw-ring-opacity));border-color:var(--border-color-transparent,transparent);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.input.icon-leading.sc-prism-input-text{padding-left:var(--prism-input-spacing-padding-left,3rem)}.input.minimal.icon-leading.sc-prism-input-text{padding-left:var(--prism-input-spacing-padding-left,2rem)}.input.icon-trailing.sc-prism-input-text{padding-right:var(--prism-input-spacing-padding-right,3.5rem)}.input.minimal.icon-trailing.sc-prism-input-text{padding-right:var(--prism-input-spacing-padding-right,2rem)}.input.disabled.sc-prism-input-text::-moz-placeholder{--tw-border-opacity:var(--border-opacity-inactive,0.3);--tw-text-opacity:var(--text-opacity-inactive,0.3);cursor:not-allowed}.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{--tw-border-opacity:var(--border-opacity-inactive,0.3);--tw-text-opacity:var(--text-opacity-inactive,0.3);cursor:not-allowed}.invalid-text.sc-prism-input-text{--tw-text-opacity:1;color:rgb(var(--text-color-negative-base)/var(--tw-text-opacity))}.valid-text.sc-prism-input-text{--tw-text-opacity:1;color:rgb(var(--text-color-positive-base)/var(--tw-text-opacity))}.wrap.sc-prism-input-text{display:block;position:relative}.icon-search.sc-prism-input-text,.icon-trailing-manual.sc-prism-input-text,.prism-input-text-icon-leading.sc-prism-input-text,.prism-input-text-icon-trailing.sc-prism-input-text,.sc-prism-input-text-s>[css-slot^=icon-]{--button-padding-xs:0.375rem;--icon-color:inherit;align-items:center;display:flex;position:absolute;top:calc(50% - var(--icon-offset-y));transform:translateY(-50%);z-index:1}.sc-prism-input-text-s>[css-slot^=icon-][hidden]{display:none}.icon-search.sc-prism-input-text{pointer-events:none}.contained.sc-prism-input-text-h .icon-search.sc-prism-input-text,.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]{left:1rem}.minimal.sc-prism-input-text-h .icon-search.sc-prism-input-text,.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]{left:0}.contained.sc-prism-input-text-h .icon-trailing-manual.sc-prism-input-text,.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]{right:1rem}.minimal.sc-prism-input-text-h .icon-trailing-manual.sc-prism-input-text,.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]{right:0}.sc-prism-input-text-s>button[css-slot*=icon-]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-color-transparent,transparent);border-style:none;cursor:pointer}:focus.sc-prism-input-text-s>button[css-slot*=icon-]{outline-color:var(--outline-color-neutral-base,#141417)}.invalid.date.contained.sc-prism-input-text,.invalid.datetime-local.contained.sc-prism-input-text,.invalid.month.contained.sc-prism-input-text,.valid.date.contained.sc-prism-input-text,.valid.datetime-local.contained.sc-prism-input-text,.valid.month.contained.sc-prism-input-text{padding-right:3.5rem}.invalid.date.sc-prism-input-text,.invalid.datetime-local.sc-prism-input-text,.invalid.month.sc-prism-input-text,.valid.date.sc-prism-input-text,.valid.datetime-local.sc-prism-input-text,.valid.month.sc-prism-input-text{padding-right:1.5rem}.number.sc-prism-input-text::-webkit-inner-spin-button,.number.sc-prism-input-text::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.input.search.sc-prism-input-text::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13,12l6,5.95L17.93,19,12,13,6,19,5,17.93,10.93,12,5,6,6,5l6,5.95L17.93,5,19,6Z"></path></svg>');background-size:24px;height:24px;width:24px}`, m = u, g = class {
8
- constructor(t) {
9
- o(this, t), this.prismChange = r(this, "prismChange", 7), this.prismInput = r(this, "prismInput", 7), this.prismKeyup = r(this, "prismKeyup", 7), this.prismBlur = r(this, "prismBlur", 7), this.prismFocus = r(this, "prismFocus", 7), this.prismInvalid = r(this, "prismInvalid", 7), this.uid = d(), this.formatCurrentPosition = 0, this.formatNextPosition = 0, this.isComposing = !1, this.isDirty = !1, this.slots = {
10
- "icon-leading": !1,
11
- "icon-trailing": !1
12
- }, this.onCompositionStart = () => {
13
- this.isComposing = !0;
14
- }, this.onCompositionEnd = () => {
15
- this.isComposing = !1;
16
- }, 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.ariaDescribedby = "", this.ariaActivedescendant = void 0, this.ariaControls = void 0, this.ariaExpanded = void 0, this.ariaAutocomplete = void 0, this.role = void 0, this.describedBy = void 0, this.autoCapitalize = "off", this.autocomplete = "off", this.autocorrect = "off", this.clearOnEdit = void 0, this.autoFocus = !1, this.hint = void 0, this.min = void 0, this.max = void 0, this.minlength = void 0, this.maxlength = void 0, this.pattern = void 0, this.placeholder = void 0, this.required = !1, this.readonly = !1, this.type = "text", this.value = "", this.obfuscate = !1, this.obfuscateLabel = "show password", this.obfuscateLabelHidden = "hide password", this.variant = "contained", this.textDisplay = "body1", this.inputmode = "text", this.format = void 0, this.validation = "native", this.hintId = `${this.prismId}-hint`, this.valid = !1, this.elementFocused = !1, this.ariaMessage = "";
17
- }
18
- /* Listen for Pasted Value from Clipboard */
19
- getClipboardData(t) {
20
- let i = t.clipboardData.getData("text");
21
- this.prismChange.emit({ name: "value-changed", value: i });
22
- }
23
- /**
24
- * @description Public: Set Focus on Input
25
- */
26
- async setFocus() {
27
- this.nativeInput && this.nativeInput.focus();
28
- }
29
- getValue() {
30
- let t = typeof this.value == "number" ? this.value.toString() : (this.value || "").toString();
31
- if (this.format && t) {
32
- const [i, a] = this.formatValidCharacters(t);
33
- t = a;
34
- }
35
- return t;
36
- }
37
- /**
38
- * Update the native input element when the value changes
39
- */
40
- valueWatchChanged() {
41
- this.format && (this.isDirty = !0);
42
- const t = this.nativeInput, i = this.getValue();
43
- t && t.value !== i && !this.isComposing && (t.value = i), this.prismChange.emit({ id: this.prismId, value: this.value == null ? this.value : this.value.toString() });
44
- }
45
- // Emit onChange of Value Event
46
- /** @internal */
47
- valueChanged(t) {
48
- var i;
49
- (i = this.el) === null || i === void 0 || i.setAttribute("value", t.target.value), this.prismChange.emit({ name: "value-changed", value: t.target.value });
50
- }
51
- // Validity Check
52
- /** @internal */
53
- onCheckValidity(t) {
54
- t.preventDefault();
55
- let i = t.currentTarget;
56
- this.validation === "native" && (this.invalid = !i.validity.valid, this.valid = i.validity.valid), this.describedBy = `${this.hintId} ${this.ariaDescribedby}`.trim(), this.prismInvalid.emit({ name: "check-validity", value: i.value, target: i, reason: i.validity }), this.prismInput.emit({ name: "check-validity", value: i.value, target: i, reason: i.validity });
57
- }
58
- /**
59
- * Set custom validity error when not every formatted template is entered
60
- */
61
- checkFormatValidity(t, i) {
62
- t.setCustomValidity(i.length > 0 && this.format.length !== i.length ? "formatting" : "");
63
- }
64
- /** @internal */
65
- inputChanged(t) {
66
- if (this.isDirty = !0, this.describedBy = `${this.hintId} ${this.ariaDescribedby}`.trim(), this.format)
67
- this.inputChangedWithFormatting(t);
68
- else {
69
- let i = t.currentTarget;
70
- this.prismInput.emit({ name: "input-change", value: i.value, target: i });
71
- }
72
- }
73
- /** @internal */
74
- inputChangedWithFormatting(t) {
75
- const i = t.currentTarget, a = i.value, [e, n] = this.formatValidCharacters(a);
76
- if (this.formatNextPosition === -1 && (this.formatNextPosition = this.findNextPosition(this.formatCurrentPosition)), this.nativeInput.value = n, !this.keydownData.isBackspace && n === this.keydownData.value)
77
- return this.nativeInput.setSelectionRange(this.formatCurrentPosition, this.formatCurrentPosition), this.setAriaMessage("Invalid character"), !1;
78
- this.nativeInput.setSelectionRange(this.formatNextPosition, this.formatNextPosition), this.prismInput.emit({
79
- name: "input-change-format",
80
- value: e,
81
- formattedValue: n,
82
- target: i,
83
- dirty: this.isDirty,
84
- invalid: this.invalid
85
- });
86
- }
87
- /** @internal */
88
- onKeyup(t) {
89
- let i = t.currentTarget;
90
- this.prismKeyup.emit({
91
- name: "input-keyup",
92
- type: t.type,
93
- key: t.key,
94
- code: t.code,
95
- target: t.target,
96
- valid: i.validity.valid
97
- });
98
- }
99
- /** @internal */
100
- onKeydown(t) {
101
- if (!this.format)
102
- return;
103
- const i = t.target;
104
- this.keydownData = {
105
- value: i.value,
106
- action: t.key,
107
- isBackspace: t.key === "Backspace"
108
- };
109
- const a = i.selectionStart !== i.selectionEnd;
110
- if (this.formatCurrentPosition = i.selectionStart, this.formatNextPosition = -1, a && (t.key === "Backspace" || t.key === "Delete"))
111
- this.formatNextPosition = this.formatCurrentPosition;
112
- else if (t.key === "Backspace") {
113
- if (this.formatCurrentPosition === 0) {
114
- t.preventDefault();
115
- return;
116
- }
117
- this.formatNextPosition = this.formatCurrentPosition - 1;
118
- } else t.key === "Delete" && (this.formatNextPosition = this.findNextPosition(this.formatCurrentPosition, !0), this.format[this.formatCurrentPosition] !== "#" && (i.setSelectionRange(this.formatNextPosition, this.formatNextPosition), t.preventDefault()));
119
- }
120
- // Input has focus or blurred
121
- /** @internal */
122
- inputState(t) {
123
- let i = t.currentTarget;
124
- switch (t.type) {
125
- case "blur":
126
- this.format && this.checkFormatValidity(i, i.value), this.isDirty && this.validation === "native" && (this.invalid = !i.validity.valid, this.valid = i.validity.valid), this.elementFocused = !1, this.prismBlur.emit({
127
- name: "input-blurred",
128
- value: i.value,
129
- target: i,
130
- valid: this.valid,
131
- dirty: this.isDirty,
132
- reason: i.validity
133
- });
134
- break;
135
- case "focus":
136
- this.elementFocused = !0, this.prismFocus.emit({ name: "input-focused", value: i.value, target: i });
137
- }
138
- }
139
- connectedCallback() {
140
- this.describedBy = this.hint ? `${this.hintId} ${this.ariaDescribedby}`.trim() : this.ariaDescribedby, 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"]'), p("prism-input-text");
141
- }
142
- componentDidLoad() {
143
- var t;
144
- const i = this.nativeInput;
145
- i && (i.addEventListener("compositionstart", this.onCompositionStart), i.addEventListener("compositionend", this.onCompositionEnd), this.format && this.checkFormatValidity(this.nativeInput, (t = this.nativeInput) === null || t === void 0 ? void 0 : t.value)), this.keydownData = {
146
- value: this.getValue(),
147
- action: "",
148
- isBackspace: !1
149
- };
150
- }
151
- // Toggle the show/hide of the content in the input
152
- /** @internal */
153
- _revealToggle() {
154
- this.type = this.type === "password" ? "text" : "password";
155
- }
156
- /** @internal */
157
- formatValidCharacters(t = "") {
158
- if (!t)
159
- return ["", ""];
160
- let i = "", a = "", e = 0, n = 0;
161
- for (; e < t.length && n < this.format.length; )
162
- this.format[n] === "#" ? /\d/.test(t[e]) ? (a += t[e], i += t[e], e++, n++) : e++ : (this.format[n] === t[e] && e++, a += this.format[n], n++);
163
- return [i, a];
164
- }
165
- findNextPosition(t, i = !1) {
166
- let a = t;
167
- for (; a < this.format.length && this.format[a] !== "#"; )
168
- a++;
169
- return i ? a : a + 1;
170
- }
171
- findPreviousPosition(t) {
172
- if (t === 0)
173
- return t;
174
- let i = t - 1;
175
- if (this.format[i] === "#")
176
- return i;
177
- for (; i > 0 && this.format[i - 1] !== "#"; )
178
- i--;
179
- return i;
180
- }
181
- setAriaMessage(t) {
182
- this.ariaMessage = t, setTimeout(() => {
183
- this.ariaMessage = "";
184
- }, 10);
185
- }
186
- render() {
187
- var t;
188
- const i = this.invalid || this.hint, a = this.getValue();
189
- return s(l, { key: "f212823207240f4c8e21584ad44864cb59b22533", class: { [this.variant]: !0 } }, s("span", { key: "325924afa1704f5f43611d2e8c45064caebb2de6", class: "screen-reader-text", "aria-live": "assertive" }, this.ariaMessage), s("label", { key: "23962c63db15f86c773fa9dc8d09093bebe1fe7e", class: {
190
- invalid: this.invalid
191
- }, htmlFor: this.prismId }, s("prism-text", { key: "6c5a25567b588072682724b2fe0dab70df9b16c6", tag: "span", display: "caption", class: {
192
- invalid: this.invalid,
193
- "label-text": !0,
194
- "screen-reader-text": this.hideLabel
195
- } }, this.label, this.required && !this.hideLabel && s(h, { key: "c9d6472cb51a97305f15dbf9655cf019d04d4875" }))), s("span", { key: "965e7d01a3eb338de41c83c5576bae5f1972e5cd", class: {
196
- wrap: !0,
197
- invalid: this.invalid
198
- } }, this.type === "search" ? s("prism-icon", { class: { "icon-search": !0 }, name: "search" }) : s("slot", { name: "icon-leading" }), s("input", { key: "98fc92e8941f1433902cf37b1d410e0fc9116d35", class: {
199
- input: !0,
200
- disabled: this.disabled,
201
- invalid: this.invalid,
202
- valid: this.valid,
203
- "icon-leading": this.slots["icon-leading"] || this.type === "search",
204
- "icon-trailing": this.slots["icon-trailing"] || this.obfuscate,
205
- [this.type]: !0,
206
- [this.variant]: !0,
207
- [this.textDisplay]: !0
208
- }, ref: (e) => this.nativeInput = e, id: this.prismId, disabled: this.disabled, autocapitalize: this.autoCapitalize, autocomplete: this.autocomplete, autocorrect: this.autocorrect, autoFocus: this.autoFocus, inputmode: this.inputmode, 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.role, readonly: this.readonly, type: this.type, value: a, "aria-invalid": this.invalid.toString(), "aria-required": this.required.toString(), "aria-describedby": this.describedBy ? this.describedBy : !1, "aria-activedescendant": this.ariaActivedescendant, "aria-controls": this.ariaControls, "aria-expanded": (t = this.ariaExpanded) === null || t === void 0 ? void 0 : t.toString(), "aria-autocomplete": this.ariaAutocomplete, 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) }), this.obfuscate ? s("prism-button", { size: "xs", class: "icon-trailing-manual", label: this.type === "password" ? this.obfuscateLabel : this.obfuscateLabelHidden, onPrismPress: () => this._revealToggle(), display: "ghost-icon" }, s("prism-icon", { name: this.type === "password" ? "eye" : "eye_hide" })) : s("slot", { name: "icon-trailing" })), s("span", { key: "8fe03370cbbd20ef6abb800a7a4e70b60f320518", "aria-live": "polite", id: this.hintId }, i && s("span", { key: "a9b2230e05c892e1ef45ce84aedc71ed7dc7921b", class: {
209
- "hint-container": !0,
210
- "screen-reader-text": this.invalid && this.hideInvalid
211
- } }, this.invalid && s("prism-icon", { key: "8b0683f091ca4e5e52137af6311cc368fbe87952", theme: "fill", slot: "icon-trailing", size: "xs", tone: "negative", name: "alert" }), s("prism-text", { key: "4d80d0941b6ea9b660ef00bb3c8615205eeaafb6", class: {
212
- "invalid-text": this.invalid,
213
- "hint-text": !0
214
- }, display: "caption" }, this.invalid ? this.invalidMessage : this.hint))));
215
- }
216
- get el() {
217
- return c(this);
218
- }
219
- static get watchers() {
220
- return {
221
- value: ["valueWatchChanged"]
222
- };
223
- }
224
- };
225
- g.style = m;
226
- export {
227
- g as prism_input_text
228
- };
@@ -1,140 +0,0 @@
1
- import { r as n, c as r, d as l, h as a, H as o, g as h } from "./index-By9FNwDt.js";
2
- import { g as d, m as c } from "./index-e6818ded-r_t6ryaW.js";
3
- import { A as p } from "./index-b30029d4-WVn-64c9.js";
4
- /*!
5
- * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
6
- */
7
- const u = ".sc-prism-input-textarea-h{--textarea-margin-top:1rem;--textarea-margin-bottom:1rem;--input-padding-contained:var(--space-sym-1,1rem);display:flex;flex-direction:column;isolation:isolate;margin-bottom:var(--textarea-margin-bottom);margin-top:var(--textarea-margin-top);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:.25rem}.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{--tw-text-opacity:1;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}.input.sc-prism-input-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;max-height:100%;max-width:100%;min-height:var(--prism-textarea-min-height,var(--private-textarea-height-initial));resize:none;transition:border-width,border-color,box-shadow,height,border-radius,outline-color,padding .2s ease;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{--tw-text-opacity:var(--text-opacity-secondary,0.6)}.input.sc-prism-input-textarea::placeholder{--tw-text-opacity:var(--text-opacity-secondary,0.6)}.input.contained.sc-prism-input-textarea{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-radius:var(--border-radius-small,4px);border-style:solid;border-width:1px;outline:.0625rem solid transparent;padding:var(--input-padding-contained)}.input.contained.sc-prism-input-textarea,.input.minimal.sc-prism-input-textarea{--tw-border-opacity:1}.input.minimal.sc-prism-input-textarea{border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-style:solid;border-width:0 0 1px;padding-top:.75rem}.input.sc-prism-input-textarea:focus{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity))}.input.contained.sc-prism-input-textarea:focus{outline-color:rgb(var(--border-color-stroke-theme1-base))}.input.minimal.sc-prism-input-textarea:focus{border-bottom-width:2px;outline:2px solid transparent;outline-offset:2px}.input.invalid.sc-prism-input-textarea{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-negative-base)/var(--tw-border-opacity))}.input.contained.invalid.sc-prism-input-textarea:focus{outline-color:rgb(var(--border-color-stroke-negative-base))}.input.valid.sc-prism-input-textarea{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-positive-base)/var(--tw-border-opacity))}.input.contained.valid.sc-prism-input-textarea:focus{outline-color:rgb(var(--border-color-stroke-positive-base))}.hint-container.sc-prism-input-textarea{align-items:center;display:flex;margin-top:.25rem}.hint-container.sc-prism-input-textarea>.sc-prism-input-textarea:not([hidden])~.sc-prism-input-textarea:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.hint-text.sc-prism-input-textarea{display:block;text-align:left}.input.disabled.sc-prism-input-textarea::-moz-placeholder{--tw-border-opacity:var(--border-opacity-inactive,0.3);--tw-text-opacity:var(--text-opacity-inactive,0.3);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{--tw-border-opacity:var(--border-opacity-inactive,0.3);--tw-text-opacity:var(--text-opacity-inactive,0.3);cursor:not-allowed}.invalid-text.sc-prism-input-textarea{--tw-text-opacity:1;color:rgb(var(--text-color-negative-base)/var(--tw-text-opacity))}@media (prefers-reduced-motion){.input.sc-prism-input-textarea{transition:none}}.input.auto-grow.sc-prism-input-textarea{field-sizing:content}", m = u, v = class {
8
- constructor(t) {
9
- n(this, t), this.prismChange = r(this, "prismChange", 7), this.prismInput = r(this, "prismInput", 7), this.prismBlur = r(this, "prismBlur", 7), this.prismFocus = r(this, "prismFocus", 7);
10
- var e;
11
- 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.ariaDescribedby = "", this.hint = void 0, this.pattern = void 0, this.placeholder = void 0, this.required = !1, this.readonly = !1, this.spellcheck = !1, this.cols = void 0, this.rows = void 0, this.wrap = void 0, this.enterkeyhint = void 0, this.maxlength = void 0, this.minlength = void 0, this.autocomplete = "off", this.autocapitalize = "none", this.autofocus = !1, this.variant = "contained", this.autoGrow = !1, this.value = "", this.hintId = `${this.prismId}-hint`, this.describedBy = void 0, this.valid = !1, this.elementFocused = !1, this.totalCharacters = void 0, this.validationMessage = this.invalidMessage;
12
- }
13
- /* Listen for Pasted Value from Clipboard */
14
- getClipboardData(t) {
15
- let e = t.clipboardData.getData("text");
16
- this.prismChange.emit({ name: "value-changed", value: e });
17
- }
18
- /**
19
- * Listen to Reset Events
20
- */
21
- handleReset() {
22
- }
23
- /**
24
- * @description Public: Set Focus on Input
25
- */
26
- async setFocus() {
27
- this.element && this.element.focus();
28
- }
29
- /**
30
- * Returns the native `<textarea>` element used under the hood.
31
- */
32
- getInputElement() {
33
- return Promise.resolve(this.element);
34
- }
35
- // Validity Check
36
- /** @internal */
37
- onCheckValidity(t) {
38
- t.preventDefault(), this.invalid = !this.element.validity.valid, this.valid = this.element.validity.valid, this.describedBy = `${this.hintId} ${this.ariaDescribedby}`.trim(), this.prismInput.emit({
39
- name: "check-validity",
40
- target: this.element,
41
- validity: this.element.validity,
42
- origin: t
43
- });
44
- }
45
- /** Key Up or Down Event */
46
- _onKeys(t) {
47
- let e = t.target;
48
- t.type === "keydown" && this.maxlength && this.maxlength === this.totalCharacters && (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.invalid = !1, this.validationMessage = this.invalidMessage);
49
- }
50
- // Input Changed
51
- /** @internal */
52
- inputChanged(t) {
53
- this.isDirty = !0, this.runAutoGrow(), this.runCharacterLength(), this.describedBy = `${this.hintId} ${this.ariaDescribedby}`.trim(), this.value = this.element.value, this.prismInput.emit({ name: "input-change", value: this.element.value, target: this.element, origin: t });
54
- }
55
- // Emit onChange of Value Event
56
- valueChanged() {
57
- var t;
58
- const e = this.element, s = this.getValue();
59
- 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 });
60
- }
61
- // Input has focus or blurred
62
- /** @internal */
63
- inputState(t) {
64
- var e, s;
65
- switch (t.type) {
66
- case "blur":
67
- this.isDirty && (this.invalid = !(!((e = this.element) === null || e === void 0) && e.validity.valid), this.valid = (s = this.element) === null || s === void 0 ? void 0 : s.validity.valid), this.elementFocused = !1, this.prismBlur.emit({
68
- name: "input-blurred",
69
- value: this.element.value,
70
- target: this.element,
71
- validity: this.element.validity
72
- });
73
- break;
74
- case "focus":
75
- this.elementFocused = !0, this.prismFocus.emit({ name: "input-focused", value: this.element.value, target: this.element });
76
- }
77
- this.value = this.element.value || "";
78
- }
79
- // Get Character Length
80
- runCharacterLength() {
81
- const t = this.element;
82
- t && this.maxlength && l(() => {
83
- var e;
84
- this.totalCharacters = (e = t.value) === null || e === void 0 ? void 0 : e.substring(0, this.maxlength).length;
85
- });
86
- }
87
- // TextArea Grows as Value Changes
88
- runAutoGrow() {
89
- const t = this.element;
90
- CSS.supports("field-sizing", "content") || t && this.autoGrow && (t.style.height = "auto", t.style.height = t.scrollHeight + "px");
91
- }
92
- getValue() {
93
- return this.value || "";
94
- }
95
- componentDidRender() {
96
- let t = this.element.getBoundingClientRect().height, e = getComputedStyle(this.element).fontSize, s = getComputedStyle(this.element).lineHeight, i = parseFloat(e) * parseFloat(s);
97
- this.textareaInitialHeight = Math.round(t / i);
98
- }
99
- connectedCallback() {
100
- var t;
101
- ((t = this.el.firstChild) === null || t === void 0 ? void 0 : t.nodeName) === "#text" && (this.value = this.el.firstChild.textContent, this.el.firstChild.remove()), this.describedBy = this.hint ? `${this.hintId} ${this.ariaDescribedby}` : this.ariaDescribedby, c("prism-textarea");
102
- }
103
- componentDidLoad() {
104
- this.runAutoGrow(), this.runCharacterLength();
105
- }
106
- render() {
107
- const t = this.invalid || this.hint, e = this.getValue(), s = !isNaN(this.maxlength) && !isNaN(this.totalCharacters);
108
- return a(o, { key: "d023d19e366488051a3c9752b37ead40cf38878d" }, a("span", { key: "ed2277b6e5f4a6dcab2f3cca7ed4c0e2c3c3844f", class: "label" }, a("label", { key: "31f7eeaad423678c14834d2a6720d65c151b3a72", class: {
109
- invalid: this.invalid,
110
- valid: this.valid,
111
- focus: this.elementFocused,
112
- "screen-reader-text": this.hideLabel
113
- }, htmlFor: this.prismId }, a("prism-text", { key: "d8e057ca360a8848f59fe0b27924ce9d7cb7c1ac", tag: "span", display: "caption", class: {
114
- invalid: this.invalid,
115
- valid: this.valid,
116
- "label-text": !0
117
- } }, this.label, this.required && a(p, { key: "9c96dc04659483a8a55b3191cb9836a969a79da9" }))), s && a("prism-text", { key: "6301f9d0133349692fd0031a1462ea80a9267f8e", class: "total", tag: "span", display: "caption" }, this.totalCharacters, "/", this.maxlength)), a("div", { key: "40aa67cbb374a7db0753abfc6fa94cdc49401762", class: "textarea-wrapper", ref: (i) => this.elementWrapper = i }, a("textarea", { key: "ce24ef2746b7f821b86bd5c39155e54d0319dbc4", style: {
118
- "--private-textarea-height-initial": this.rows !== void 0 ? this.rows + "rlh" : this.textareaInitialHeight + "rlh"
119
- }, class: {
120
- input: !0,
121
- disabled: this.disabled,
122
- invalid: this.invalid,
123
- valid: this.valid,
124
- [this.variant]: !0,
125
- "auto-grow": this.autoGrow && CSS.supports("field-sizing", "content")
126
- }, wrap: this.wrap, spellcheck: this.spellcheck, 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.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, "aria-invalid": this.invalid.toString(), "aria-required": this.required.toString(), "aria-describedby": this.describedBy ? this.describedBy : !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: "13910a1289e3fce3cda9131c7e9625e2b1254eec", "aria-live": "polite", id: this.hintId }, t && a("span", { key: "7e1e6498cd453ccfbb650a8b0b19d213e5cb5430", class: "hint-container" }, this.invalid && a("prism-icon", { key: "58cbb0e0fab376649c55f9600084152ea1d2d4c4", theme: "fill", slot: "icon-trailing", size: "xs", tone: "negative", name: "alert" }), a("prism-text", { key: "7a005f2619f02db07a46c83e060210badb42b89f", class: { "invalid-text": this.invalid, "hint-text": !0 }, display: "caption" }, this.invalid ? this.validationMessage : this.hint))));
127
- }
128
- get el() {
129
- return h(this);
130
- }
131
- static get watchers() {
132
- return {
133
- value: ["valueChanged"]
134
- };
135
- }
136
- };
137
- v.style = m;
138
- export {
139
- v as prism_input_textarea
140
- };
@@ -1,20 +0,0 @@
1
- import { r as a, h as t, H as i } from "./index-By9FNwDt.js";
2
- import { m as r } from "./index-e6818ded-r_t6ryaW.js";
3
- /*!
4
- * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
5
- */
6
- const n = '.text-caption.sc-prism-layout{--text-caption-leading:var(--text-caption-line-height);--text-caption-family:var(--text-family-default);font-family:var(--text-caption-family);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);letter-spacing:var(--text-caption-letter-spacing);line-height:var(--text-caption-leading);text-transform:var(--text-caption-text-transform)}.sc-prism-layout-h{--content-padding:0.5rem;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{--text-caption-leading:var(--text-caption-line-height);--text-caption-family:var(--text-family-default);font-family:var(--text-caption-family);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);letter-spacing:var(--text-caption-letter-spacing);line-height:var(--text-caption-leading);outline:2px solid transparent;outline-offset:2px;text-transform:var(--text-caption-text-transform)}.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{--content-padding:0}.content.sc-prism-layout{grid-area:Content;padding:var(--content-padding)}.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}}', o = n, s = class {
7
- constructor(e) {
8
- a(this, e), this.arrangement = "full", this.flush = !1, this.skipLabel = "skip to main content", this.mainContentLabel = "main content text", this.skip = !0;
9
- }
10
- connectedCallback() {
11
- r("prism-layout");
12
- }
13
- render() {
14
- return t(i, { key: "37f8495f2943a4c9849c6d2841817575ec02a2a8", class: "layout" }, t("section", { key: "196ac4f598c924cb109b2595319d2f5d4c5abdef", class: { shell: !0, [this.arrangement]: !0 } }, t("header", { key: "4850e836df49e28c8fbacd6882c25f61c1de3150", class: { header: !0 } }, this.skip && t("a", { key: "28f2aa7f689bb01d4c23865547c20825f61e5402", class: { skip: !0 }, href: "#main" }, this.skipLabel), t("slot", { key: "8a15778d97cddf93afc20c83c6da309717cceacf", name: "header" })), this.arrangement !== "full" && t("aside", { key: "17d2e59328c6a05db619434e00dabbe40a566e70", class: { side: !0 } }, t("slot", { key: "e63badb6f89a98c277ca850d92dcf2898d85866e", name: "side" })), t("main", { key: "10bd278bb2c021b206c9297167a0ff367e839e5e", class: { content: !0, flush: this.flush } }, t("span", { key: "2f951ee634f72895594a0d1424dcdf7d47b332ca", id: "main", tabindex: "-1" }, t("span", { key: "124e80b6ded088f3aa20c4668fc1e5e87c2eb7e4", class: "content-text" }, this.mainContentLabel)), t("slot", { key: "992dc0b5d052e88e9fde61b7863f924fa819cdee" })), t("footer", { key: "1c6677a4951e7684b57ff64ee223688398edbcc1", class: { footer: !0 } }, t("slot", { key: "8e022c89d02014bf0f0728d22dd0db4b8b3e5e15", name: "footer" }))));
15
- }
16
- };
17
- s.style = o;
18
- export {
19
- s as prism_layout
20
- };
@@ -1,44 +0,0 @@
1
- import { r as n, c as l, h as e, H as o, g as d } from "./index-By9FNwDt.js";
2
- import { g as c, m as p } from "./index-e6818ded-r_t6ryaW.js";
3
- /*!
4
- * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
5
- */
6
- const m = '.sc-prism-lineitem-h{align-items:center;box-sizing:border-box;display:inline-flex;isolation:isolate;outline:.0625rem solid transparent;width:100%}.sc-prism-lineitem-h:not(.hydrated){transition-duration:0ms}.divide.sc-prism-lineitem-h{--tw-border-opacity:1;--tw-border-opacity:var(--border-opacity-tertiary,0.15);border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-style:solid;border-width:0 0 1px;margin-bottom:.125rem;margin-top:.125rem}.link.sc-prism-lineitem{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color-transparent,transparent);border-style:none;color:inherit;display:block;font:inherit;height:100%;outline:2px solid transparent;outline-offset:2px;padding:0;text-align:left;text-decoration-line:none;width:100%}.link.sc-prism-lineitem,.link.sc-prism-lineitem:after{transition:all .2s ease}.link.sc-prism-lineitem:after{inset:0;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}.li-wrapper.sc-prism-lineitem{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-base-shadow);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));border-width:0;display:flex;flex:1 1 auto;outline:2px solid transparent;outline-offset:2px;padding:1rem;position:relative;text-align:left;transition:all .2s ease-in;transition-property:outline-color;width:100%}.compact.sc-prism-lineitem-h .li-wrapper.sc-prism-lineitem{padding:.5rem}.clickable.sc-prism-lineitem:has(.link:focus-visible){outline-color:var(--outline-color-neutral-focus,#35353b);outline-offset:2px;outline-style:solid;outline-width:1px}.clickable.sc-prism-lineitem{transition:all .2s ease}.clickable.sc-prism-lineitem:has(button,a).sc-prism-lineitem:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-focus-shadow);background-color:rgb(var(--background-color-material-neutral-focus)/var(--tw-bg-opacity))}.clickable.sc-prism-lineitem:has(button,a).sc-prism-lineitem:active{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-down-shadow);--prism-text-priority:1;background-color:rgb(var(--background-color-material-neutral-down)/var(--tw-bg-opacity))}.li-wrapper.line.sc-prism-lineitem{--tw-border-opacity:1;--tw-border-opacity:var(--border-opacity-tertiary,0.15);border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-right-width:1px;border-style:solid;margin-right:.5rem;padding-right:.5rem}.li-wrapper.sc-prism-lineitem .sc-prism-lineitem:last-child{margin-left:auto}.last-item.sc-prism-lineitem{padding-left:.5rem}.li-wrapper.sc-prism-lineitem .description.sc-prism-lineitem{margin-top:.25rem}.li-wrapper.sc-prism-lineitem .right.sc-prism-lineitem{flex:none;text-align:right}.li-wrapper.sc-prism-lineitem .right.sc-prism-lineitem:not(:empty){margin-left:1rem}.li-wrapper.sc-prism-lineitem .middle.sc-prism-lineitem{width:100%}.li-wrapper.selected.sc-prism-lineitem{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-theme1-base)/var(--tw-border-opacity));border-left-width:4px;border-style:solid;padding-left:.75rem}.sc-prism-lineitem-s>[css-slot=asset-leading]{margin-right:1rem}.sc-prism-lineitem-s>[css-slot=asset-leading].psm-justify-top{align-self:flex-start}@media (prefers-reduced-motion){.sc-prism-lineitem-h{transition:none}}', h = m, b = class {
7
- constructor(i) {
8
- n(this, i), this.prismClick = l(this, "prismClick", 7), this.uid = c(), this.sibling = !1, this.slots = {
9
- leading: !1,
10
- trailing: !1,
11
- tags: !1
12
- }, this._itemClicked = (t) => {
13
- const { currentTarget: s } = t, { id: a } = s;
14
- this.prismClick.emit({
15
- id: a,
16
- name: "lineitem-clicked",
17
- target: s
18
- }).defaultPrevented && t.preventDefault();
19
- }, this.prismId = `prism-lineitem-${this.uid}`, this.attr = {}, this.label = void 0, this.split = void 0, this.arrow = !0, this.eyebrow = void 0, this.labelSecondary = void 0, this.description = void 0, this.descriptionSecondary = void 0, this.spacing = "standard", this.divider = !0, this.leadingAlign = "center", this.tag = "section", this.type = "button", this.download = void 0, this.href = void 0, this.rel = void 0, this.target = void 0, this.direction = "right", this.selected = !1, this.name = void 0, this.value = void 0;
20
- }
21
- componentWillLoad() {
22
- var i;
23
- ((i = this.el.nextElementSibling) === null || i === void 0 ? void 0 : i.tagName) === "PRISM-LINEITEM" && (this.sibling = !0);
24
- }
25
- connectedCallback() {
26
- this.slots.leading = !!this.el.querySelector('[slot="asset-leading"]'), this.slots.trailing = !!this.el.querySelector('[slot="asset-trailing"]'), this.slots.tags = !!this.el.querySelector('[slot="tags"]'), this.slots.leading && (this.el.querySelector('[slot="asset-leading"]').setAttribute("css-slot", "asset-leading"), this.el.querySelector('[slot="asset-leading"]').classList.add(`psm-justify-${this.leadingAlign}`)), this.slots.trailing && (this.split = !0), p("prism-lineitem");
27
- }
28
- render() {
29
- const i = this.tag, t = this.tag === "a" || this.tag === "button", s = t === !0 && this.arrow, a = this.labelSecondary || this.descriptionSecondary;
30
- return e(o, { key: "45d309d7da36d3912719375c4665fd0385a3c3c3", class: { divide: this.sibling && this.divider, [this.spacing]: !0 } }, e("section", { key: "41c5c16007f267923ea525ad99c4ee649289c3ae", id: this.prismId, class: { "li-wrapper": !0, selected: this.selected, line: s && this.split === !0, clickable: t } }, e("slot", { key: "18d1baa81afbadf46cf3f9d8a0231387d80e0529", name: "asset-leading" }), e("span", { key: "0fc9a54bbbe3e56facfc862cbf88c7254e1785f6", class: "middle" }, e("span", { key: "977a97b3e05ed7a909564df428b9856bc9c43921", class: "upper-row" }, this.eyebrow && e("prism-text", { key: "328a9dfd7a383c608e65ae35a3e3c378b2b671c6", priority: "secondary", display: "caption" }, this.eyebrow), e(i, Object.assign({ key: "c29e9b62274225904b0edf3b126867b9fab08298", href: this.tag === "a" ? this.href : void 0, target: this.tag === "a" ? this.target : void 0, download: this.tag === "a" ? this.download : void 0, rel: this.tag === "a" ? this.rel : void 0, type: this.tag === "button" ? "button" : void 0, class: { "screen-reader-text": !this.label, link: t }, "aria-labelledby": this.label ? null : this.prismId, name: this.tag === "button" ? this.name : void 0, value: this.tag === "button" ? this.value : void 0 }, this.attr, {
31
- // eslint-disable-next-line react/jsx-no-bind
32
- onClick: t ? (r) => {
33
- this._itemClicked(r);
34
- } : void 0
35
- }), this.label && e("prism-text", { key: "7b8183ef8e1d743ed5f0d8cccd6cf1782315ea3b", display: "body1" }, this.label))), e("span", { key: "4ec0fc6167df0834ea5497d3317c3c7e7e555a4f", class: "middle-row" }, this.description && e("prism-text", { key: "16bf64cd9e696e06fba4047c13129ab5deac7681", class: "description", priority: "secondary", display: "caption" }, this.description), e("slot", { key: "35f138b9f1bd33f2a233b4a6a53290af0a9a43af", name: "tags" })), e("span", { key: "76b57e201dd5ee741d8045d2210677e0698a42db", class: "custom-slot" }, e("slot", { key: "c67eb350f7fd7d85e95922ba6aa567a36c181493" }))), a && e("span", { key: "92ecedb9041937f7c025606927482c48dcbad362", class: "right" }, this.labelSecondary && e("prism-text", { key: "bb0738ba3ea0900fe589f698a38205e679e8152f", display: "body1" }, this.labelSecondary), this.descriptionSecondary && e("prism-text", { key: "ff53073a333871971ec422c13eaa4c191c86d0db", class: "description", priority: "secondary", display: "caption" }, this.descriptionSecondary)), s && e("prism-icon", { key: "58e73a2e36e7777f030507b7f95d04edc56614ca", theme: "outline", priority: "secondary", class: "last-item", name: `caret_${this.direction}_button` })), e("slot", { key: "da8ec9e80f978c1fa2bcd0fba169518866cef001", name: "asset-trailing" }));
36
- }
37
- get el() {
38
- return d(this);
39
- }
40
- };
41
- b.style = h;
42
- export {
43
- b as prism_lineitem
44
- };