@momentum-design/components 0.83.6 → 0.83.7
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.
|
@@ -520,6 +520,67 @@
|
|
|
520
520
|
}
|
|
521
521
|
]
|
|
522
522
|
},
|
|
523
|
+
{
|
|
524
|
+
"kind": "javascript-module",
|
|
525
|
+
"path": "components/appheader/appheader.component.js",
|
|
526
|
+
"declarations": [
|
|
527
|
+
{
|
|
528
|
+
"kind": "class",
|
|
529
|
+
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
|
530
|
+
"name": "Appheader",
|
|
531
|
+
"cssParts": [
|
|
532
|
+
{
|
|
533
|
+
"description": "The main container for styling the header.",
|
|
534
|
+
"name": "container"
|
|
535
|
+
},
|
|
536
|
+
{
|
|
537
|
+
"description": "The leading section of the header.",
|
|
538
|
+
"name": "leading-section"
|
|
539
|
+
},
|
|
540
|
+
{
|
|
541
|
+
"description": "The center section of the header.",
|
|
542
|
+
"name": "center-section"
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
"description": "The trailing section of the header.",
|
|
546
|
+
"name": "trailing-section"
|
|
547
|
+
}
|
|
548
|
+
],
|
|
549
|
+
"slots": [
|
|
550
|
+
{
|
|
551
|
+
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
552
|
+
"name": "leading"
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
556
|
+
"name": "center"
|
|
557
|
+
},
|
|
558
|
+
{
|
|
559
|
+
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
560
|
+
"name": "trailing"
|
|
561
|
+
}
|
|
562
|
+
],
|
|
563
|
+
"members": [],
|
|
564
|
+
"superclass": {
|
|
565
|
+
"name": "Component",
|
|
566
|
+
"module": "/src/models"
|
|
567
|
+
},
|
|
568
|
+
"tagName": "mdc-appheader",
|
|
569
|
+
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
|
570
|
+
"customElement": true
|
|
571
|
+
}
|
|
572
|
+
],
|
|
573
|
+
"exports": [
|
|
574
|
+
{
|
|
575
|
+
"kind": "js",
|
|
576
|
+
"name": "default",
|
|
577
|
+
"declaration": {
|
|
578
|
+
"name": "Appheader",
|
|
579
|
+
"module": "components/appheader/appheader.component.js"
|
|
580
|
+
}
|
|
581
|
+
}
|
|
582
|
+
]
|
|
583
|
+
},
|
|
523
584
|
{
|
|
524
585
|
"kind": "javascript-module",
|
|
525
586
|
"path": "components/animation/animation.component.js",
|
|
@@ -732,67 +793,6 @@
|
|
|
732
793
|
}
|
|
733
794
|
]
|
|
734
795
|
},
|
|
735
|
-
{
|
|
736
|
-
"kind": "javascript-module",
|
|
737
|
-
"path": "components/appheader/appheader.component.js",
|
|
738
|
-
"declarations": [
|
|
739
|
-
{
|
|
740
|
-
"kind": "class",
|
|
741
|
-
"description": "The `mdc-appheader` component provides a structured and accessible app header layout.\nIt consists of three primary sections: leading, center, and trailing.\n\n- The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n- The **center section** can contain a **search bar**, **icons** or action controls.\n- The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.",
|
|
742
|
-
"name": "Appheader",
|
|
743
|
-
"cssParts": [
|
|
744
|
-
{
|
|
745
|
-
"description": "The main container for styling the header.",
|
|
746
|
-
"name": "container"
|
|
747
|
-
},
|
|
748
|
-
{
|
|
749
|
-
"description": "The leading section of the header.",
|
|
750
|
-
"name": "leading-section"
|
|
751
|
-
},
|
|
752
|
-
{
|
|
753
|
-
"description": "The center section of the header.",
|
|
754
|
-
"name": "center-section"
|
|
755
|
-
},
|
|
756
|
-
{
|
|
757
|
-
"description": "The trailing section of the header.",
|
|
758
|
-
"name": "trailing-section"
|
|
759
|
-
}
|
|
760
|
-
],
|
|
761
|
-
"slots": [
|
|
762
|
-
{
|
|
763
|
-
"description": "Slot for the leading section (e.g., brand logo, brand name).",
|
|
764
|
-
"name": "leading"
|
|
765
|
-
},
|
|
766
|
-
{
|
|
767
|
-
"description": "Slot for the center section (e.g., search bar, icons).",
|
|
768
|
-
"name": "center"
|
|
769
|
-
},
|
|
770
|
-
{
|
|
771
|
-
"description": "Slot for the trailing section (e.g., profile avatar, icons).",
|
|
772
|
-
"name": "trailing"
|
|
773
|
-
}
|
|
774
|
-
],
|
|
775
|
-
"members": [],
|
|
776
|
-
"superclass": {
|
|
777
|
-
"name": "Component",
|
|
778
|
-
"module": "/src/models"
|
|
779
|
-
},
|
|
780
|
-
"tagName": "mdc-appheader",
|
|
781
|
-
"jsDoc": "/**\n * The `mdc-appheader` component provides a structured and accessible app header layout.\n * It consists of three primary sections: leading, center, and trailing.\n *\n * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.\n * - The **center section** can contain a **search bar**, **icons** or action controls.\n * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.\n *\n * @tagname mdc-appheader\n *\n * @slot leading - Slot for the leading section (e.g., brand logo, brand name).\n * @slot center - Slot for the center section (e.g., search bar, icons).\n * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).\n *\n * @csspart container - The main container for styling the header.\n * @csspart leading-section - The leading section of the header.\n * @csspart center-section - The center section of the header.\n * @csspart trailing-section - The trailing section of the header.\n */",
|
|
782
|
-
"customElement": true
|
|
783
|
-
}
|
|
784
|
-
],
|
|
785
|
-
"exports": [
|
|
786
|
-
{
|
|
787
|
-
"kind": "js",
|
|
788
|
-
"name": "default",
|
|
789
|
-
"declaration": {
|
|
790
|
-
"name": "Appheader",
|
|
791
|
-
"module": "components/appheader/appheader.component.js"
|
|
792
|
-
}
|
|
793
|
-
}
|
|
794
|
-
]
|
|
795
|
-
},
|
|
796
796
|
{
|
|
797
797
|
"kind": "javascript-module",
|
|
798
798
|
"path": "components/avatar/avatar.component.js",
|
|
@@ -8106,6 +8106,30 @@
|
|
|
8106
8106
|
"module": "utils/mixins/FocusTrapMixin.js"
|
|
8107
8107
|
}
|
|
8108
8108
|
},
|
|
8109
|
+
{
|
|
8110
|
+
"kind": "method",
|
|
8111
|
+
"name": "isDisabled",
|
|
8112
|
+
"privacy": "private",
|
|
8113
|
+
"parameters": [
|
|
8114
|
+
{
|
|
8115
|
+
"name": "element",
|
|
8116
|
+
"type": {
|
|
8117
|
+
"text": "any"
|
|
8118
|
+
},
|
|
8119
|
+
"description": "The element to check."
|
|
8120
|
+
}
|
|
8121
|
+
],
|
|
8122
|
+
"description": "Checks if the element is disabled.",
|
|
8123
|
+
"return": {
|
|
8124
|
+
"type": {
|
|
8125
|
+
"text": ""
|
|
8126
|
+
}
|
|
8127
|
+
},
|
|
8128
|
+
"inheritedFrom": {
|
|
8129
|
+
"name": "FocusTrapMixin",
|
|
8130
|
+
"module": "utils/mixins/FocusTrapMixin.js"
|
|
8131
|
+
}
|
|
8132
|
+
},
|
|
8109
8133
|
{
|
|
8110
8134
|
"kind": "method",
|
|
8111
8135
|
"name": "isNotTabbable",
|
|
@@ -9876,6 +9900,30 @@
|
|
|
9876
9900
|
"module": "utils/mixins/FocusTrapMixin.js"
|
|
9877
9901
|
}
|
|
9878
9902
|
},
|
|
9903
|
+
{
|
|
9904
|
+
"kind": "method",
|
|
9905
|
+
"name": "isDisabled",
|
|
9906
|
+
"privacy": "private",
|
|
9907
|
+
"parameters": [
|
|
9908
|
+
{
|
|
9909
|
+
"name": "element",
|
|
9910
|
+
"type": {
|
|
9911
|
+
"text": "any"
|
|
9912
|
+
},
|
|
9913
|
+
"description": "The element to check."
|
|
9914
|
+
}
|
|
9915
|
+
],
|
|
9916
|
+
"description": "Checks if the element is disabled.",
|
|
9917
|
+
"return": {
|
|
9918
|
+
"type": {
|
|
9919
|
+
"text": ""
|
|
9920
|
+
}
|
|
9921
|
+
},
|
|
9922
|
+
"inheritedFrom": {
|
|
9923
|
+
"name": "FocusTrapMixin",
|
|
9924
|
+
"module": "utils/mixins/FocusTrapMixin.js"
|
|
9925
|
+
}
|
|
9926
|
+
},
|
|
9879
9927
|
{
|
|
9880
9928
|
"kind": "method",
|
|
9881
9929
|
"name": "isNotTabbable",
|
|
@@ -18458,6 +18506,30 @@
|
|
|
18458
18506
|
"module": "utils/mixins/FocusTrapMixin.js"
|
|
18459
18507
|
}
|
|
18460
18508
|
},
|
|
18509
|
+
{
|
|
18510
|
+
"kind": "method",
|
|
18511
|
+
"name": "isDisabled",
|
|
18512
|
+
"privacy": "private",
|
|
18513
|
+
"parameters": [
|
|
18514
|
+
{
|
|
18515
|
+
"name": "element",
|
|
18516
|
+
"type": {
|
|
18517
|
+
"text": "any"
|
|
18518
|
+
},
|
|
18519
|
+
"description": "The element to check."
|
|
18520
|
+
}
|
|
18521
|
+
],
|
|
18522
|
+
"description": "Checks if the element is disabled.",
|
|
18523
|
+
"return": {
|
|
18524
|
+
"type": {
|
|
18525
|
+
"text": ""
|
|
18526
|
+
}
|
|
18527
|
+
},
|
|
18528
|
+
"inheritedFrom": {
|
|
18529
|
+
"name": "FocusTrapMixin",
|
|
18530
|
+
"module": "utils/mixins/FocusTrapMixin.js"
|
|
18531
|
+
}
|
|
18532
|
+
},
|
|
18461
18533
|
{
|
|
18462
18534
|
"kind": "method",
|
|
18463
18535
|
"name": "isNotTabbable",
|
|
@@ -23318,6 +23390,30 @@
|
|
|
23318
23390
|
"module": "utils/mixins/FocusTrapMixin.js"
|
|
23319
23391
|
}
|
|
23320
23392
|
},
|
|
23393
|
+
{
|
|
23394
|
+
"kind": "method",
|
|
23395
|
+
"name": "isDisabled",
|
|
23396
|
+
"privacy": "private",
|
|
23397
|
+
"parameters": [
|
|
23398
|
+
{
|
|
23399
|
+
"name": "element",
|
|
23400
|
+
"type": {
|
|
23401
|
+
"text": "any"
|
|
23402
|
+
},
|
|
23403
|
+
"description": "The element to check."
|
|
23404
|
+
}
|
|
23405
|
+
],
|
|
23406
|
+
"description": "Checks if the element is disabled.",
|
|
23407
|
+
"return": {
|
|
23408
|
+
"type": {
|
|
23409
|
+
"text": ""
|
|
23410
|
+
}
|
|
23411
|
+
},
|
|
23412
|
+
"inheritedFrom": {
|
|
23413
|
+
"name": "FocusTrapMixin",
|
|
23414
|
+
"module": "utils/mixins/FocusTrapMixin.js"
|
|
23415
|
+
}
|
|
23416
|
+
},
|
|
23321
23417
|
{
|
|
23322
23418
|
"kind": "method",
|
|
23323
23419
|
"name": "isNotTabbable",
|
|
@@ -32727,6 +32823,30 @@
|
|
|
32727
32823
|
"module": "components/popover/popover.component.js"
|
|
32728
32824
|
}
|
|
32729
32825
|
},
|
|
32826
|
+
{
|
|
32827
|
+
"kind": "method",
|
|
32828
|
+
"name": "isDisabled",
|
|
32829
|
+
"privacy": "private",
|
|
32830
|
+
"parameters": [
|
|
32831
|
+
{
|
|
32832
|
+
"name": "element",
|
|
32833
|
+
"type": {
|
|
32834
|
+
"text": "any"
|
|
32835
|
+
},
|
|
32836
|
+
"description": "The element to check."
|
|
32837
|
+
}
|
|
32838
|
+
],
|
|
32839
|
+
"description": "Checks if the element is disabled.",
|
|
32840
|
+
"return": {
|
|
32841
|
+
"type": {
|
|
32842
|
+
"text": ""
|
|
32843
|
+
}
|
|
32844
|
+
},
|
|
32845
|
+
"inheritedFrom": {
|
|
32846
|
+
"name": "Popover",
|
|
32847
|
+
"module": "components/popover/popover.component.js"
|
|
32848
|
+
}
|
|
32849
|
+
},
|
|
32730
32850
|
{
|
|
32731
32851
|
"kind": "method",
|
|
32732
32852
|
"name": "isNotTabbable",
|
|
@@ -34497,6 +34617,30 @@
|
|
|
34497
34617
|
"module": "components/popover/popover.component.js"
|
|
34498
34618
|
}
|
|
34499
34619
|
},
|
|
34620
|
+
{
|
|
34621
|
+
"kind": "method",
|
|
34622
|
+
"name": "isDisabled",
|
|
34623
|
+
"privacy": "private",
|
|
34624
|
+
"parameters": [
|
|
34625
|
+
{
|
|
34626
|
+
"name": "element",
|
|
34627
|
+
"type": {
|
|
34628
|
+
"text": "any"
|
|
34629
|
+
},
|
|
34630
|
+
"description": "The element to check."
|
|
34631
|
+
}
|
|
34632
|
+
],
|
|
34633
|
+
"description": "Checks if the element is disabled.",
|
|
34634
|
+
"return": {
|
|
34635
|
+
"type": {
|
|
34636
|
+
"text": ""
|
|
34637
|
+
}
|
|
34638
|
+
},
|
|
34639
|
+
"inheritedFrom": {
|
|
34640
|
+
"name": "Popover",
|
|
34641
|
+
"module": "components/popover/popover.component.js"
|
|
34642
|
+
}
|
|
34643
|
+
},
|
|
34500
34644
|
{
|
|
34501
34645
|
"kind": "method",
|
|
34502
34646
|
"name": "isNotTabbable",
|
|
@@ -37269,6 +37413,26 @@
|
|
|
37269
37413
|
}
|
|
37270
37414
|
}
|
|
37271
37415
|
},
|
|
37416
|
+
{
|
|
37417
|
+
"kind": "method",
|
|
37418
|
+
"name": "isDisabled",
|
|
37419
|
+
"privacy": "private",
|
|
37420
|
+
"parameters": [
|
|
37421
|
+
{
|
|
37422
|
+
"name": "element",
|
|
37423
|
+
"type": {
|
|
37424
|
+
"text": "any"
|
|
37425
|
+
},
|
|
37426
|
+
"description": "The element to check."
|
|
37427
|
+
}
|
|
37428
|
+
],
|
|
37429
|
+
"description": "Checks if the element is disabled.",
|
|
37430
|
+
"return": {
|
|
37431
|
+
"type": {
|
|
37432
|
+
"text": ""
|
|
37433
|
+
}
|
|
37434
|
+
}
|
|
37435
|
+
},
|
|
37272
37436
|
{
|
|
37273
37437
|
"kind": "method",
|
|
37274
37438
|
"name": "isNotTabbable",
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as AlertChip } from './alertchip';
|
|
2
|
-
export { default as Animation } from './animation';
|
|
3
2
|
export { default as Appheader } from './appheader';
|
|
3
|
+
export { default as Animation } from './animation';
|
|
4
4
|
export { default as Avatar } from './avatar';
|
|
5
5
|
export { default as AvatarButton } from './avatarbutton';
|
|
6
6
|
export { default as Badge } from './badge';
|
package/dist/react/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { default as AlertChip } from './alertchip';
|
|
2
|
-
export { default as Animation } from './animation';
|
|
3
2
|
export { default as Appheader } from './appheader';
|
|
3
|
+
export { default as Animation } from './animation';
|
|
4
4
|
export { default as Avatar } from './avatar';
|
|
5
5
|
export { default as AvatarButton } from './avatarbutton';
|
|
6
6
|
export { default as Badge } from './badge';
|
|
@@ -169,6 +169,15 @@ export const FocusTrapMixin = (superClass) => {
|
|
|
169
169
|
|| this.isNotVisible(element)
|
|
170
170
|
|| this.hasComputedHidden(element));
|
|
171
171
|
}
|
|
172
|
+
/**
|
|
173
|
+
* Checks if the element is disabled.
|
|
174
|
+
*
|
|
175
|
+
* @param element - The element to check.
|
|
176
|
+
* @returns True if the element is disabled.
|
|
177
|
+
*/
|
|
178
|
+
isDisabled(element) {
|
|
179
|
+
return element.disabled;
|
|
180
|
+
}
|
|
172
181
|
/**
|
|
173
182
|
* Checks if the element is not tabbable.
|
|
174
183
|
*
|
|
@@ -215,7 +224,7 @@ export const FocusTrapMixin = (superClass) => {
|
|
|
215
224
|
* @returns True if the element is focusable.
|
|
216
225
|
*/
|
|
217
226
|
isFocusable(element) {
|
|
218
|
-
if (this.isHidden(element) || this.isNotTabbable(element)) {
|
|
227
|
+
if (this.isHidden(element) || this.isNotTabbable(element) || this.isDisabled(element)) {
|
|
219
228
|
return false;
|
|
220
229
|
}
|
|
221
230
|
return this.isInteractiveElement(element);
|
package/package.json
CHANGED