@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.
- package/dist/components/InfoBanner/index.js +23 -4
- package/dist/main.js +1 -1
- package/package.json +2 -5
- package/dist/index-0d8e0844-BJzWsYCM.js +0 -7403
- package/dist/index-By9FNwDt.js +0 -29159
- package/dist/index-b30029d4-WVn-64c9.js +0 -12
- package/dist/index-e6818ded-r_t6ryaW.js +0 -57
- package/dist/index.esm-322571ff-D1REhsOg.js +0 -41
- package/dist/prism-accordion.entry-Cx9R3pGR.js +0 -51
- package/dist/prism-avatar_2.entry-BYgG-lCw.js +0 -68
- package/dist/prism-badge.entry-7tkOjkOC.js +0 -58
- package/dist/prism-banner.entry-jfMhWTJ-.js +0 -82
- package/dist/prism-breadcrumb.entry-6BKiTFvg.js +0 -33
- package/dist/prism-button_2.entry-DnnPRWBp.js +0 -110
- package/dist/prism-card.entry-CkJQnJF8.js +0 -119
- package/dist/prism-carousel.entry-CjyHpSoz.js +0 -3111
- package/dist/prism-checkbox-group.entry-h68bFMNT.js +0 -62
- package/dist/prism-checkbox.entry-BnqA0ld6.js +0 -99
- package/dist/prism-data-table.entry-CRJbrNmp.js +0 -10475
- package/dist/prism-datepicker.entry-Xu0QUY2Q.js +0 -249
- package/dist/prism-form.entry-BJl2ma6x.js +0 -42
- package/dist/prism-grid.entry-DIdkZa73.js +0 -28
- package/dist/prism-header.entry-BZVXHBCx.js +0 -202
- package/dist/prism-hero.entry-D6vT9Cfs.js +0 -23
- package/dist/prism-icon_2.entry-u0DT931p.js +0 -118
- package/dist/prism-image.entry-Db2L08jh.js +0 -38
- package/dist/prism-input-file.entry-NMZff8Re.js +0 -119
- package/dist/prism-input-otp.entry-qFelMElv.js +0 -63
- package/dist/prism-input-text.entry-YbQ3NQuB.js +0 -228
- package/dist/prism-input-textarea.entry-Bz7ecyna.js +0 -140
- package/dist/prism-layout.entry-DVLlE1S8.js +0 -20
- package/dist/prism-lineitem.entry-BOUyDMlc.js +0 -44
- package/dist/prism-menu.entry-TqJabKKs.js +0 -231
- package/dist/prism-modal.entry-CiIsey_Y.js +0 -94
- package/dist/prism-pagination.entry-BZOMunz-.js +0 -60
- package/dist/prism-popover.entry-Bt1uXSV9.js +0 -1013
- package/dist/prism-popper.entry-Ck2qBmqM.js +0 -959
- package/dist/prism-progress.entry-DobqcGx4.js +0 -79
- package/dist/prism-radio-group.entry-DTVEUN2r.js +0 -66
- package/dist/prism-radio.entry-D0dGSQn2.js +0 -101
- package/dist/prism-select.entry-CRYklxK0.js +0 -230
- package/dist/prism-switch.entry-CINfgY_6.js +0 -95
- package/dist/prism-tab.entry-dV7AljQC.js +0 -20
- package/dist/prism-tabs.entry-DPc_2ypT.js +0 -70
- package/dist/prism-tooltip.entry-DZJ2tfFV.js +0 -52
- 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
|
-
};
|