@helixui/library 1.1.2-next.3 → 1.1.2-next.5
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/custom-elements.json +85 -149
- package/dist/components/hx-patient-banner/hx-patient-banner.d.ts +8 -0
- package/dist/components/hx-patient-banner/hx-patient-banner.d.ts.map +1 -1
- package/dist/components/hx-patient-banner/hx-patient-banner.styles.d.ts.map +1 -1
- package/dist/components/hx-patient-banner/index.js +1 -1
- package/dist/components/hx-phi-field/hx-phi-field.d.ts +27 -2
- package/dist/components/hx-phi-field/hx-phi-field.d.ts.map +1 -1
- package/dist/components/hx-phi-field/hx-phi-field.styles.d.ts.map +1 -1
- package/dist/components/hx-phi-field/index.js +1 -1
- package/dist/components/hx-select/hx-select.d.ts +1 -0
- package/dist/components/hx-select/hx-select.d.ts.map +1 -1
- package/dist/components/hx-select/hx-select.styles.d.ts.map +1 -1
- package/dist/components/hx-select/index.js +1 -1
- package/dist/components/hx-status-indicator/hx-status-indicator.d.ts +17 -1
- package/dist/components/hx-status-indicator/hx-status-indicator.d.ts.map +1 -1
- package/dist/components/hx-status-indicator/hx-status-indicator.styles.d.ts.map +1 -1
- package/dist/components/hx-status-indicator/index.js +1 -1
- package/dist/css/helix-all.css +144 -48
- package/dist/css/helix-feedback.css +33 -4
- package/dist/css/helix-forms.css +68 -41
- package/dist/css/hx-patient-banner.css +31 -3
- package/dist/css/hx-phi-field.css +12 -0
- package/dist/css/hx-select.css +68 -41
- package/dist/css/hx-status-indicator.css +33 -4
- package/dist/css/index.css +1 -1
- package/dist/css/manifest.json +11 -5
- package/dist/index.js +4 -4
- package/dist/shared/{hx-patient-banner-BoJHddAL.js → hx-patient-banner-wk4qWmsH.js} +88 -47
- package/dist/shared/hx-patient-banner-wk4qWmsH.js.map +1 -0
- package/dist/shared/{hx-phi-field-EDWna59z.js → hx-phi-field-DX9z3nu0.js} +67 -33
- package/dist/shared/hx-phi-field-DX9z3nu0.js.map +1 -0
- package/dist/shared/{hx-select-4-nHL0vd.js → hx-select-BWzxWZs_.js} +82 -55
- package/dist/shared/hx-select-BWzxWZs_.js.map +1 -0
- package/dist/shared/{hx-status-indicator-4ClvA5mU.js → hx-status-indicator-Dl3Y34mc.js} +76 -35
- package/dist/shared/hx-status-indicator-Dl3Y34mc.js.map +1 -0
- package/package.json +2 -2
- package/dist/shared/hx-patient-banner-BoJHddAL.js.map +0 -1
- package/dist/shared/hx-phi-field-EDWna59z.js.map +0 -1
- package/dist/shared/hx-select-4-nHL0vd.js.map +0 -1
- package/dist/shared/hx-status-indicator-4ClvA5mU.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -15223,6 +15223,11 @@
|
|
|
15223
15223
|
"description": "Photo area size.",
|
|
15224
15224
|
"name": "--hx-patient-banner-photo-size",
|
|
15225
15225
|
"default": "var(--hx-space-10,2.5rem)"
|
|
15226
|
+
},
|
|
15227
|
+
{
|
|
15228
|
+
"description": "Photo area background color when empty.",
|
|
15229
|
+
"name": "--hx-patient-banner-photo-bg",
|
|
15230
|
+
"default": "var(--hx-color-neutral-200,#e5e7eb)"
|
|
15226
15231
|
}
|
|
15227
15232
|
],
|
|
15228
15233
|
"cssParts": [
|
|
@@ -15249,6 +15254,10 @@
|
|
|
15249
15254
|
{
|
|
15250
15255
|
"description": "The field value slot wrapper.",
|
|
15251
15256
|
"name": "field-value"
|
|
15257
|
+
},
|
|
15258
|
+
{
|
|
15259
|
+
"description": "The visually-hidden identifier rule violation status message.",
|
|
15260
|
+
"name": "violation-message"
|
|
15252
15261
|
}
|
|
15253
15262
|
],
|
|
15254
15263
|
"slots": [
|
|
@@ -15359,39 +15368,6 @@
|
|
|
15359
15368
|
"attribute": "enforce-identifier-rule",
|
|
15360
15369
|
"reflects": true
|
|
15361
15370
|
},
|
|
15362
|
-
{
|
|
15363
|
-
"kind": "field",
|
|
15364
|
-
"name": "_identifierCount",
|
|
15365
|
-
"type": {
|
|
15366
|
-
"text": "number"
|
|
15367
|
-
},
|
|
15368
|
-
"privacy": "private",
|
|
15369
|
-
"default": "0"
|
|
15370
|
-
},
|
|
15371
|
-
{
|
|
15372
|
-
"kind": "field",
|
|
15373
|
-
"name": "_nameSlot",
|
|
15374
|
-
"type": {
|
|
15375
|
-
"text": "HTMLSlotElement"
|
|
15376
|
-
},
|
|
15377
|
-
"privacy": "private"
|
|
15378
|
-
},
|
|
15379
|
-
{
|
|
15380
|
-
"kind": "field",
|
|
15381
|
-
"name": "_mrnSlot",
|
|
15382
|
-
"type": {
|
|
15383
|
-
"text": "HTMLSlotElement"
|
|
15384
|
-
},
|
|
15385
|
-
"privacy": "private"
|
|
15386
|
-
},
|
|
15387
|
-
{
|
|
15388
|
-
"kind": "field",
|
|
15389
|
-
"name": "_dobSlot",
|
|
15390
|
-
"type": {
|
|
15391
|
-
"text": "HTMLSlotElement"
|
|
15392
|
-
},
|
|
15393
|
-
"privacy": "private"
|
|
15394
|
-
},
|
|
15395
15371
|
{
|
|
15396
15372
|
"kind": "method",
|
|
15397
15373
|
"name": "_countPopulatedIdentifiers",
|
|
@@ -15598,6 +15574,11 @@
|
|
|
15598
15574
|
"description": "Focus ring color.",
|
|
15599
15575
|
"name": "--hx-phi-field-focus-ring-color",
|
|
15600
15576
|
"default": "var(--hx-focus-ring-color,var(--hx-color-primary-500,#2563eb))"
|
|
15577
|
+
},
|
|
15578
|
+
{
|
|
15579
|
+
"description": "Opacity applied when the field is disabled.",
|
|
15580
|
+
"name": "--hx-phi-field-disabled-opacity",
|
|
15581
|
+
"default": "var(--hx-opacity-50,0.5)"
|
|
15601
15582
|
}
|
|
15602
15583
|
],
|
|
15603
15584
|
"cssParts": [
|
|
@@ -15658,127 +15639,24 @@
|
|
|
15658
15639
|
},
|
|
15659
15640
|
{
|
|
15660
15641
|
"kind": "field",
|
|
15661
|
-
"name": "
|
|
15642
|
+
"name": "label",
|
|
15662
15643
|
"type": {
|
|
15663
|
-
"text": "
|
|
15644
|
+
"text": "string"
|
|
15664
15645
|
},
|
|
15665
|
-
"
|
|
15666
|
-
"
|
|
15646
|
+
"default": "''",
|
|
15647
|
+
"description": "Accessible label describing the PHI field. Used as a prefix in screen reader\nannouncements (e.g., \"Social Security Number is masked\").",
|
|
15648
|
+
"attribute": "label"
|
|
15667
15649
|
},
|
|
15668
15650
|
{
|
|
15669
15651
|
"kind": "field",
|
|
15670
|
-
"name": "
|
|
15652
|
+
"name": "disabled",
|
|
15671
15653
|
"type": {
|
|
15672
|
-
"text": "
|
|
15673
|
-
},
|
|
15674
|
-
"privacy": "private",
|
|
15675
|
-
"default": "null"
|
|
15676
|
-
},
|
|
15677
|
-
{
|
|
15678
|
-
"kind": "method",
|
|
15679
|
-
"name": "_cancelClipboardTimer",
|
|
15680
|
-
"privacy": "private",
|
|
15681
|
-
"return": {
|
|
15682
|
-
"type": {
|
|
15683
|
-
"text": "void"
|
|
15684
|
-
}
|
|
15685
|
-
}
|
|
15686
|
-
},
|
|
15687
|
-
{
|
|
15688
|
-
"kind": "method",
|
|
15689
|
-
"name": "_scheduleClipboardClear",
|
|
15690
|
-
"privacy": "private",
|
|
15691
|
-
"return": {
|
|
15692
|
-
"type": {
|
|
15693
|
-
"text": "void"
|
|
15694
|
-
}
|
|
15695
|
-
}
|
|
15696
|
-
},
|
|
15697
|
-
{
|
|
15698
|
-
"kind": "method",
|
|
15699
|
-
"name": "_clearClipboard",
|
|
15700
|
-
"privacy": "private",
|
|
15701
|
-
"return": {
|
|
15702
|
-
"type": {
|
|
15703
|
-
"text": "void"
|
|
15704
|
-
}
|
|
15705
|
-
}
|
|
15706
|
-
},
|
|
15707
|
-
{
|
|
15708
|
-
"kind": "method",
|
|
15709
|
-
"name": "_getMaskedValue",
|
|
15710
|
-
"privacy": "private",
|
|
15711
|
-
"return": {
|
|
15712
|
-
"type": {
|
|
15713
|
-
"text": "string"
|
|
15714
|
-
}
|
|
15715
|
-
}
|
|
15716
|
-
},
|
|
15717
|
-
{
|
|
15718
|
-
"kind": "method",
|
|
15719
|
-
"name": "_handleToggle",
|
|
15720
|
-
"privacy": "private",
|
|
15721
|
-
"return": {
|
|
15722
|
-
"type": {
|
|
15723
|
-
"text": "void"
|
|
15724
|
-
}
|
|
15725
|
-
}
|
|
15726
|
-
},
|
|
15727
|
-
{
|
|
15728
|
-
"kind": "method",
|
|
15729
|
-
"name": "_handleCopy",
|
|
15730
|
-
"privacy": "private",
|
|
15731
|
-
"return": {
|
|
15732
|
-
"type": {
|
|
15733
|
-
"text": "void"
|
|
15734
|
-
}
|
|
15735
|
-
},
|
|
15736
|
-
"parameters": [
|
|
15737
|
-
{
|
|
15738
|
-
"name": "e",
|
|
15739
|
-
"type": {
|
|
15740
|
-
"text": "ClipboardEvent"
|
|
15741
|
-
}
|
|
15742
|
-
}
|
|
15743
|
-
]
|
|
15744
|
-
},
|
|
15745
|
-
{
|
|
15746
|
-
"kind": "method",
|
|
15747
|
-
"name": "_handlePaste",
|
|
15748
|
-
"privacy": "private",
|
|
15749
|
-
"return": {
|
|
15750
|
-
"type": {
|
|
15751
|
-
"text": "void"
|
|
15752
|
-
}
|
|
15654
|
+
"text": "boolean"
|
|
15753
15655
|
},
|
|
15754
|
-
"
|
|
15755
|
-
|
|
15756
|
-
|
|
15757
|
-
|
|
15758
|
-
"text": "ClipboardEvent"
|
|
15759
|
-
}
|
|
15760
|
-
}
|
|
15761
|
-
]
|
|
15762
|
-
},
|
|
15763
|
-
{
|
|
15764
|
-
"kind": "method",
|
|
15765
|
-
"name": "_renderEyeIcon",
|
|
15766
|
-
"privacy": "private",
|
|
15767
|
-
"return": {
|
|
15768
|
-
"type": {
|
|
15769
|
-
"text": "TemplateResult"
|
|
15770
|
-
}
|
|
15771
|
-
}
|
|
15772
|
-
},
|
|
15773
|
-
{
|
|
15774
|
-
"kind": "method",
|
|
15775
|
-
"name": "_renderEyeOffIcon",
|
|
15776
|
-
"privacy": "private",
|
|
15777
|
-
"return": {
|
|
15778
|
-
"type": {
|
|
15779
|
-
"text": "TemplateResult"
|
|
15780
|
-
}
|
|
15781
|
-
}
|
|
15656
|
+
"default": "false",
|
|
15657
|
+
"description": "When set, disables all interaction with the field and prevents reveal.",
|
|
15658
|
+
"reflects": true,
|
|
15659
|
+
"attribute": "disabled"
|
|
15782
15660
|
}
|
|
15783
15661
|
],
|
|
15784
15662
|
"events": [
|
|
@@ -15787,7 +15665,7 @@
|
|
|
15787
15665
|
"type": {
|
|
15788
15666
|
"text": "CustomEvent<PhiAccessEventDetail>"
|
|
15789
15667
|
},
|
|
15790
|
-
"description": "Fired on reveal, hide, and clipboard
|
|
15668
|
+
"description": "Fired on reveal, hide, and clipboard-clear actions."
|
|
15791
15669
|
}
|
|
15792
15670
|
],
|
|
15793
15671
|
"attributes": [
|
|
@@ -15830,6 +15708,26 @@
|
|
|
15830
15708
|
"description": "Milliseconds after clipboard write before the clipboard is automatically cleared.\nDefaults to 30000 (30 seconds).",
|
|
15831
15709
|
"fieldName": "clipboardTimeout",
|
|
15832
15710
|
"attribute": "clipboard-timeout"
|
|
15711
|
+
},
|
|
15712
|
+
{
|
|
15713
|
+
"name": "label",
|
|
15714
|
+
"type": {
|
|
15715
|
+
"text": "string"
|
|
15716
|
+
},
|
|
15717
|
+
"default": "''",
|
|
15718
|
+
"description": "Accessible label describing the PHI field. Used as a prefix in screen reader\nannouncements (e.g., \"Social Security Number is masked\").",
|
|
15719
|
+
"fieldName": "label",
|
|
15720
|
+
"attribute": "label"
|
|
15721
|
+
},
|
|
15722
|
+
{
|
|
15723
|
+
"name": "disabled",
|
|
15724
|
+
"type": {
|
|
15725
|
+
"text": "boolean"
|
|
15726
|
+
},
|
|
15727
|
+
"default": "false",
|
|
15728
|
+
"description": "When set, disables all interaction with the field and prevents reveal.",
|
|
15729
|
+
"fieldName": "disabled",
|
|
15730
|
+
"attribute": "disabled"
|
|
15833
15731
|
}
|
|
15834
15732
|
],
|
|
15835
15733
|
"superclass": {
|
|
@@ -18185,6 +18083,11 @@
|
|
|
18185
18083
|
"name": "--hx-select-chevron-color",
|
|
18186
18084
|
"default": "var(--hx-color-neutral-500)"
|
|
18187
18085
|
},
|
|
18086
|
+
{
|
|
18087
|
+
"description": "Chevron indicator size (width/height base unit).",
|
|
18088
|
+
"name": "--hx-select-chevron-size",
|
|
18089
|
+
"default": "0.5rem"
|
|
18090
|
+
},
|
|
18188
18091
|
{
|
|
18189
18092
|
"description": "Listbox panel background color.",
|
|
18190
18093
|
"name": "--hx-select-listbox-bg",
|
|
@@ -21178,7 +21081,7 @@
|
|
|
21178
21081
|
"declarations": [
|
|
21179
21082
|
{
|
|
21180
21083
|
"kind": "class",
|
|
21181
|
-
"description": "A colored dot/badge indicating system or entity health status.\
|
|
21084
|
+
"description": "A colored dot/badge indicating system or entity health status.\nSupports an animated pulse ring and an optional visible text label.\n\nStatus is conveyed through color AND an `aria-label` on the host element.\nWhen `show-label` is set, a visible text label is rendered inside the component,\nensuring status is not communicated by color alone (WCAG 1.4.1 — Use of Color).\n\nUses `role=\"img\"` with an auto-generated `aria-label` (e.g. \"Status: Online\").\nWhen used decoratively alongside visible text that conveys the same status information\n(e.g. \"Provider is available\"), set `aria-hidden=\"true\"` on the host element to prevent\nduplicate announcements to screen reader users. This is the recommended composition\npattern in healthcare dashboards.",
|
|
21182
21085
|
"name": "HelixStatusIndicator",
|
|
21183
21086
|
"cssProperties": [
|
|
21184
21087
|
{
|
|
@@ -21224,6 +21127,14 @@
|
|
|
21224
21127
|
{
|
|
21225
21128
|
"description": "Override pulse ring color independently from dot color.",
|
|
21226
21129
|
"name": "--hx-status-indicator-pulse-color"
|
|
21130
|
+
},
|
|
21131
|
+
{
|
|
21132
|
+
"description": "Override label text color.",
|
|
21133
|
+
"name": "--hx-status-indicator-label-color"
|
|
21134
|
+
},
|
|
21135
|
+
{
|
|
21136
|
+
"description": "Override label font size.",
|
|
21137
|
+
"name": "--hx-status-indicator-label-font-size"
|
|
21227
21138
|
}
|
|
21228
21139
|
],
|
|
21229
21140
|
"cssParts": [
|
|
@@ -21234,6 +21145,10 @@
|
|
|
21234
21145
|
{
|
|
21235
21146
|
"description": "The animated pulse ring element.",
|
|
21236
21147
|
"name": "pulse-ring"
|
|
21148
|
+
},
|
|
21149
|
+
{
|
|
21150
|
+
"description": "The visible status label text element (visible when show-label is set).",
|
|
21151
|
+
"name": "label"
|
|
21237
21152
|
}
|
|
21238
21153
|
],
|
|
21239
21154
|
"members": [
|
|
@@ -21279,6 +21194,17 @@
|
|
|
21279
21194
|
"default": "''",
|
|
21280
21195
|
"description": "Accessible label for the indicator. Defaults to \"Status: {Status}\".\nSet aria-hidden=\"true\" on the host when status is conveyed by adjacent text.",
|
|
21281
21196
|
"attribute": "label"
|
|
21197
|
+
},
|
|
21198
|
+
{
|
|
21199
|
+
"kind": "field",
|
|
21200
|
+
"name": "showLabel",
|
|
21201
|
+
"type": {
|
|
21202
|
+
"text": "boolean"
|
|
21203
|
+
},
|
|
21204
|
+
"default": "false",
|
|
21205
|
+
"description": "When true, renders a visible text label next to the dot conveying the status.\nUse this to satisfy WCAG 1.4.1 (Use of Color) when the indicator is not\naccompanied by other visible text that conveys the same status information.",
|
|
21206
|
+
"attribute": "show-label",
|
|
21207
|
+
"reflects": true
|
|
21282
21208
|
}
|
|
21283
21209
|
],
|
|
21284
21210
|
"attributes": [
|
|
@@ -21321,6 +21247,16 @@
|
|
|
21321
21247
|
"description": "Accessible label for the indicator. Defaults to \"Status: {Status}\".\nSet aria-hidden=\"true\" on the host when status is conveyed by adjacent text.",
|
|
21322
21248
|
"fieldName": "label",
|
|
21323
21249
|
"attribute": "label"
|
|
21250
|
+
},
|
|
21251
|
+
{
|
|
21252
|
+
"name": "show-label",
|
|
21253
|
+
"type": {
|
|
21254
|
+
"text": "boolean"
|
|
21255
|
+
},
|
|
21256
|
+
"default": "false",
|
|
21257
|
+
"description": "When true, renders a visible text label next to the dot conveying the status.\nUse this to satisfy WCAG 1.4.1 (Use of Color) when the indicator is not\naccompanied by other visible text that conveys the same status information.",
|
|
21258
|
+
"fieldName": "showLabel",
|
|
21259
|
+
"attribute": "show-label"
|
|
21324
21260
|
}
|
|
21325
21261
|
],
|
|
21326
21262
|
"superclass": {
|
|
@@ -23,6 +23,7 @@ import { LitElement, PropertyValues } from 'lit';
|
|
|
23
23
|
* @csspart field - An individual field container (applied to all field wrappers).
|
|
24
24
|
* @csspart field-label - The field label element.
|
|
25
25
|
* @csspart field-value - The field value slot wrapper.
|
|
26
|
+
* @csspart violation-message - The visually-hidden identifier rule violation status message.
|
|
26
27
|
*
|
|
27
28
|
* @fires {CustomEvent<PatientIdentifierRuleViolationDetail>} hx-identifier-rule-violation - Fired when fewer than 2 identifier slots are populated and enforce-identifier-rule is true.
|
|
28
29
|
*
|
|
@@ -36,6 +37,7 @@ import { LitElement, PropertyValues } from 'lit';
|
|
|
36
37
|
* @cssprop [--hx-patient-banner-value-color=var(--hx-color-neutral-900,#111827)] - Field value color.
|
|
37
38
|
* @cssprop [--hx-patient-banner-value-font-size=var(--hx-font-size-sm,0.875rem)] - Field value font size.
|
|
38
39
|
* @cssprop [--hx-patient-banner-photo-size=var(--hx-space-10,2.5rem)] - Photo area size.
|
|
40
|
+
* @cssprop [--hx-patient-banner-photo-bg=var(--hx-color-neutral-200,#e5e7eb)] - Photo area background color when empty.
|
|
39
41
|
*/
|
|
40
42
|
export declare class HelixPatientBanner extends LitElement {
|
|
41
43
|
static styles: import('lit').CSSResult[];
|
|
@@ -81,9 +83,15 @@ export declare class HelixPatientBanner extends LitElement {
|
|
|
81
83
|
* @attr enforce-identifier-rule
|
|
82
84
|
*/
|
|
83
85
|
enforceIdentifierRule: boolean;
|
|
86
|
+
/** @internal */
|
|
84
87
|
private _identifierCount;
|
|
88
|
+
/** @internal */
|
|
89
|
+
private _isViolating;
|
|
90
|
+
/** @internal */
|
|
85
91
|
private _nameSlot;
|
|
92
|
+
/** @internal */
|
|
86
93
|
private _mrnSlot;
|
|
94
|
+
/** @internal */
|
|
87
95
|
private _dobSlot;
|
|
88
96
|
connectedCallback(): void;
|
|
89
97
|
protected updated(changedProperties: PropertyValues<this>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-patient-banner.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"hx-patient-banner.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAA2C;IAIjE;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAA4B;IAEhD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAkB;IAEnC;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAS;IAEzB;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAmB;IAEnC;;;OAGG;IAEH,cAAc,EAAE,MAAM,CAAe;IAErC;;;OAGG;IAEH,eAAe,EAAE,MAAM,CAAiB;IAExC;;;;;OAKG;IASH,qBAAqB,EAAE,OAAO,CAAQ;IAItC,gBAAgB;IACP,OAAO,CAAC,gBAAgB,CAAa;IAE9C,gBAAgB;IACP,OAAO,CAAC,YAAY,CAAkB;IAI/C,gBAAgB;IACY,OAAO,CAAC,SAAS,CAAmB;IAEhE,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAAmB;IAE9D,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAAmB;IAIrD,iBAAiB,IAAI,IAAI;cAMf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAczE,OAAO,CAAC,0BAA0B;IAalC,OAAO,CAAC,oBAAoB;IA0B5B,OAAO,CAAC,iBAAiB;IAMhB,MAAM;CA6DhB;AAED,MAAM,WAAW,oCAAoC;IACnD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,kBAAkB,CAAC;KACzC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-patient-banner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,
|
|
1
|
+
{"version":3,"file":"hx-patient-banner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,yBA2IpC,CAAC"}
|
|
@@ -12,13 +12,14 @@ import { LitElement, TemplateResult } from 'lit';
|
|
|
12
12
|
* @csspart value - The value display span (masked or revealed).
|
|
13
13
|
* @csspart toggle - The reveal/hide toggle button.
|
|
14
14
|
*
|
|
15
|
-
* @fires {CustomEvent<PhiAccessEventDetail>} hx-phi-access - Fired on reveal, hide, and clipboard
|
|
15
|
+
* @fires {CustomEvent<PhiAccessEventDetail>} hx-phi-access - Fired on reveal, hide, and clipboard-clear actions.
|
|
16
16
|
*
|
|
17
17
|
* @cssprop [--hx-phi-field-font-family=var(--hx-font-family-mono,monospace)] - Font family for the masked value.
|
|
18
18
|
* @cssprop [--hx-phi-field-value-color=var(--hx-color-neutral-900,#111827)] - Value text color.
|
|
19
19
|
* @cssprop [--hx-phi-field-masked-color=var(--hx-color-neutral-500,#6b7280)] - Masked value text color.
|
|
20
20
|
* @cssprop [--hx-phi-field-toggle-color=var(--hx-color-primary-500,#2563eb)] - Toggle button color.
|
|
21
21
|
* @cssprop [--hx-phi-field-focus-ring-color=var(--hx-focus-ring-color,var(--hx-color-primary-500,#2563eb))] - Focus ring color.
|
|
22
|
+
* @cssprop [--hx-phi-field-disabled-opacity=var(--hx-opacity-50,0.5)] - Opacity applied when the field is disabled.
|
|
22
23
|
*/
|
|
23
24
|
export declare class HelixPhiField extends LitElement {
|
|
24
25
|
static styles: import('lit').CSSResult[];
|
|
@@ -43,24 +44,48 @@ export declare class HelixPhiField extends LitElement {
|
|
|
43
44
|
* @attr clipboard-timeout
|
|
44
45
|
*/
|
|
45
46
|
clipboardTimeout: number;
|
|
47
|
+
/**
|
|
48
|
+
* Accessible label describing the PHI field. Used as a prefix in screen reader
|
|
49
|
+
* announcements (e.g., "Social Security Number is masked").
|
|
50
|
+
* @attr label
|
|
51
|
+
*/
|
|
52
|
+
label: string;
|
|
53
|
+
/**
|
|
54
|
+
* When set, disables all interaction with the field and prevents reveal.
|
|
55
|
+
* @attr disabled
|
|
56
|
+
* @reflect
|
|
57
|
+
*/
|
|
58
|
+
disabled: boolean;
|
|
59
|
+
/** @internal */
|
|
46
60
|
private _masked;
|
|
61
|
+
/** @internal */
|
|
47
62
|
private _clipboardTimer;
|
|
48
63
|
connectedCallback(): void;
|
|
49
64
|
disconnectedCallback(): void;
|
|
65
|
+
/** @internal */
|
|
50
66
|
private _cancelClipboardTimer;
|
|
67
|
+
/** @internal */
|
|
51
68
|
private _scheduleClipboardClear;
|
|
69
|
+
/** @internal */
|
|
52
70
|
private _clearClipboard;
|
|
71
|
+
/** @internal */
|
|
53
72
|
private _getMaskedValue;
|
|
73
|
+
/** @internal */
|
|
54
74
|
private _handleToggle;
|
|
75
|
+
/** @internal */
|
|
55
76
|
private _handleCopy;
|
|
77
|
+
/** @internal */
|
|
56
78
|
private _handlePaste;
|
|
79
|
+
/** @internal */
|
|
57
80
|
private _renderEyeIcon;
|
|
81
|
+
/** @internal */
|
|
58
82
|
private _renderEyeOffIcon;
|
|
59
83
|
render(): TemplateResult<1>;
|
|
60
84
|
}
|
|
61
85
|
export interface PhiAccessEventDetail {
|
|
62
86
|
fieldId: string;
|
|
63
|
-
action
|
|
87
|
+
/** The action that triggered the audit event. */
|
|
88
|
+
action: 'reveal' | 'hide' | 'clipboard-clear';
|
|
64
89
|
timestamp: string;
|
|
65
90
|
fieldType: 'ssn' | 'mrn' | 'dob' | 'insurance';
|
|
66
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-phi-field.d.ts","sourceRoot":"","sources":["../../../src/components/hx-phi-field/hx-phi-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D
|
|
1
|
+
{"version":3,"file":"hx-phi-field.d.ts","sourceRoot":"","sources":["../../../src/components/hx-phi-field/hx-phi-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAsC;IAI5D;;;OAGG;IAEH,IAAI,EAAE,MAAM,CAAM;IAElB;;;OAGG;IAEH,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,CAAS;IAEvD;;;OAGG;IAEH,OAAO,EAAE,MAAM,CAAM;IAErB;;;;OAIG;IAEH,gBAAgB,EAAE,MAAM,CAAS;IAEjC;;;;OAIG;IAEH,KAAK,EAAE,MAAM,CAAM;IAEnB;;;;OAIG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAI1B,gBAAgB;IACP,OAAO,CAAC,OAAO,CAAQ;IAEhC,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAA8C;IAI5D,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAOrC,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAO7B,gBAAgB;IAChB,OAAO,CAAC,uBAAuB;IAO/B,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAsBvB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAuDvB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA4BrB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAMnB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAQpB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAkBtB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAqBhB,MAAM;CAsChB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,iBAAiB,CAAC;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,CAAC;CAChD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,aAAa,CAAC;KAC/B;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-phi-field.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-phi-field/hx-phi-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"hx-phi-field.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-phi-field/hx-phi-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBAiG/B,CAAC"}
|
|
@@ -47,6 +47,7 @@ import { HelixElement } from '../../base/index.js';
|
|
|
47
47
|
* @cssprop [--hx-select-error-color=var(--hx-color-error-500)] - Error state color.
|
|
48
48
|
* @cssprop [--hx-select-label-color=var(--hx-color-neutral-700)] - Label text color.
|
|
49
49
|
* @cssprop [--hx-select-chevron-color=var(--hx-color-neutral-500)] - Chevron indicator color.
|
|
50
|
+
* @cssprop [--hx-select-chevron-size=0.5rem] - Chevron indicator size (width/height base unit).
|
|
50
51
|
* @cssprop [--hx-select-listbox-bg=var(--hx-color-neutral-0)] - Listbox panel background color.
|
|
51
52
|
* @cssprop [--hx-select-option-hover-bg=var(--hx-color-primary-50)] - Option hover background color.
|
|
52
53
|
* @cssprop [--hx-select-option-selected-bg=var(--hx-color-primary-100)] - Selected option background color.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-select.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMzD,OAAO,EAAE,YAAY,EAAmB,MAAM,qBAAqB,CAAC;AAepE
|
|
1
|
+
{"version":3,"file":"hx-select.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"hx-select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAuS7B,CAAC"}
|
|
@@ -3,7 +3,11 @@ export type StatusIndicatorStatus = 'online' | 'offline' | 'away' | 'busy' | 'un
|
|
|
3
3
|
export type StatusIndicatorSize = 'sm' | 'md' | 'lg';
|
|
4
4
|
/**
|
|
5
5
|
* A colored dot/badge indicating system or entity health status.
|
|
6
|
-
*
|
|
6
|
+
* Supports an animated pulse ring and an optional visible text label.
|
|
7
|
+
*
|
|
8
|
+
* Status is conveyed through color AND an `aria-label` on the host element.
|
|
9
|
+
* When `show-label` is set, a visible text label is rendered inside the component,
|
|
10
|
+
* ensuring status is not communicated by color alone (WCAG 1.4.1 — Use of Color).
|
|
7
11
|
*
|
|
8
12
|
* Uses `role="img"` with an auto-generated `aria-label` (e.g. "Status: Online").
|
|
9
13
|
* When used decoratively alongside visible text that conveys the same status information
|
|
@@ -23,6 +27,7 @@ export type StatusIndicatorSize = 'sm' | 'md' | 'lg';
|
|
|
23
27
|
*
|
|
24
28
|
* @csspart base - The dot element.
|
|
25
29
|
* @csspart pulse-ring - The animated pulse ring element.
|
|
30
|
+
* @csspart label - The visible status label text element (visible when show-label is set).
|
|
26
31
|
*
|
|
27
32
|
* @cssprop [--hx-status-indicator-color-online] - Override color for the "online" status dot.
|
|
28
33
|
* @cssprop [--hx-status-indicator-color-offline] - Override color for the "offline" status dot.
|
|
@@ -35,6 +40,8 @@ export type StatusIndicatorSize = 'sm' | 'md' | 'lg';
|
|
|
35
40
|
* @cssprop [--hx-status-indicator-pulse-duration] - Override pulse animation duration.
|
|
36
41
|
* @cssprop [--hx-status-indicator-pulse-scale] - Override pulse animation max scale.
|
|
37
42
|
* @cssprop [--hx-status-indicator-pulse-color] - Override pulse ring color independently from dot color.
|
|
43
|
+
* @cssprop [--hx-status-indicator-label-color] - Override label text color.
|
|
44
|
+
* @cssprop [--hx-status-indicator-label-font-size] - Override label font size.
|
|
38
45
|
*/
|
|
39
46
|
export declare class HelixStatusIndicator extends LitElement {
|
|
40
47
|
static styles: import('lit').CSSResult[];
|
|
@@ -63,8 +70,17 @@ export declare class HelixStatusIndicator extends LitElement {
|
|
|
63
70
|
* @attr label
|
|
64
71
|
*/
|
|
65
72
|
label: string;
|
|
73
|
+
/**
|
|
74
|
+
* When true, renders a visible text label next to the dot conveying the status.
|
|
75
|
+
* Use this to satisfy WCAG 1.4.1 (Use of Color) when the indicator is not
|
|
76
|
+
* accompanied by other visible text that conveys the same status information.
|
|
77
|
+
* @attr show-label
|
|
78
|
+
*/
|
|
79
|
+
showLabel: boolean;
|
|
66
80
|
/** @internal */
|
|
67
81
|
private _getLabel;
|
|
82
|
+
/** @internal */
|
|
83
|
+
private _getStatusText;
|
|
68
84
|
connectedCallback(): void;
|
|
69
85
|
updated(changedProperties: PropertyValues<this>): void;
|
|
70
86
|
render(): import('lit').TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-status-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/hx-status-indicator/hx-status-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"hx-status-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/hx-status-indicator/hx-status-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMrE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACvF,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAUrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAgB,MAAM,4BAA6C;IAEnE;;;OAGG;IAEH,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAa;IAEvE;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;;;;;OAOG;IAEH,KAAK,UAAS;IAEd;;;;OAIG;IAEH,KAAK,SAAM;IAEX;;;;;OAKG;IAEH,SAAS,UAAS;IAElB,gBAAgB;IAChB,OAAO,CAAC,SAAS;IAMjB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAMb,iBAAiB,IAAI,IAAI;IAkBzB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQtD,MAAM;CAehB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,oBAAoB,CAAC;KAC7C;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-status-indicator.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-status-indicator/hx-status-indicator.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,
|
|
1
|
+
{"version":3,"file":"hx-status-indicator.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-status-indicator/hx-status-indicator.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,yBA8HtC,CAAC"}
|