@genesislcap/foundation-zero 14.167.3-alpha-69ba23f.0 → 14.169.0

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.
@@ -12,7 +12,7 @@
12
12
  "type": {
13
13
  "text": "object"
14
14
  },
15
- "default": "{\n zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroAvatar,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumbItem,\n zeroBreadcrumb,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCategorizedMultiselect,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDatePicker,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroErrorBoundary,\n zeroNotificationListener,\n zeroErrorBanner,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStackingIcons,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
15
+ "default": "{\n zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroAvatar,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumbItem,\n zeroBreadcrumb,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCategorizedMultiselect,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDatePicker,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroErrorBoundary,\n zeroNotificationListener,\n zeroErrorBanner,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStackingIcons,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroSystemHealthOverlay,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
16
16
  }
17
17
  ],
18
18
  "exports": [
@@ -426,6 +426,14 @@
426
426
  "package": "./number-field"
427
427
  }
428
428
  },
429
+ {
430
+ "kind": "js",
431
+ "name": "*",
432
+ "declaration": {
433
+ "name": "*",
434
+ "package": "./overlays"
435
+ }
436
+ },
429
437
  {
430
438
  "kind": "js",
431
439
  "name": "*",
@@ -11819,7 +11827,7 @@
11819
11827
  "type": {
11820
11828
  "text": "StoryObj"
11821
11829
  },
11822
- "default": "{\n args: {\n notifyText:\n 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n dialogMaxWidth: '557px',\n dialogTitle: 'Dialog title',\n dialogInitialText: 'Some text in a Zero Dialog',\n dialogMainText: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis similique iste ab sed\n voluptatem ut suscipit tenetur distinctio? Quo est debitis pariatur qui quisquam repudiandae\n at atque et quibusdam rerum, reprehenderit sed laborum officiis distinctio dolorum\n temporibus aperiam dolor consequatur perferendis aspernatur fugit repellendus asperiores,\n voluptas illo? Voluptatum, atque quidem?`,\n dialogCloseButtonText: 'Close this dialog',\n },\n render: ({\n notifyText,\n dialogMaxWidth,\n dialogTitle,\n dialogInitialText,\n dialogMainText,\n dialogCloseButtonText,\n }) => html`\n <zero-button @click=\"${showDialog}\">Show Zero Dialog</zero-button>\n <zero-button @click=\"${showEmptyDialog}\">Show Empty Dialog</zero-button>\n <zero-button @click=\"${() => showDialogNotify(notifyText)}\">\n Show Zero Dialog - Notification Structure\n </zero-button>\n <div id=\"dialog-container\"></div>\n <zero-dialog style=\"--dialog-max-width: ${dialogMaxWidth};\">\n <h5 slot=\"top\">${dialogTitle}</h5>\n <p>${dialogInitialText}</p>\n <p>${dialogMainText}</p>\n <zero-divider slot=\"bottom\"></zero-divider>\n <zero-button appearance=\"primary-gradient\" slot=\"bottom\" @click=\"${closeDialog}\">\n ${dialogCloseButtonText}\n </zero-button>\n </zero-dialog>\n <zero-dialog id=\"empty-dialog\"></zero-dialog>\n `,\n}"
11830
+ "default": "{\n argTypes: {\n dialogType: {\n control: 'select',\n options: ['default', 'error', 'success'],\n },\n },\n args: {\n notifyText:\n 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',\n dialogMaxWidth: '557px',\n dialogTitle: 'Dialog title',\n dialogInitialText: 'Some text in a Zero Dialog',\n dialogMainText: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis similique iste ab sed\n voluptatem ut suscipit tenetur distinctio? Quo est debitis pariatur qui quisquam repudiandae\n at atque et quibusdam rerum, reprehenderit sed laborum officiis distinctio dolorum\n temporibus aperiam dolor consequatur perferendis aspernatur fugit repellendus asperiores,\n voluptas illo? Voluptatum, atque quidem?`,\n dialogCloseButtonText: 'Close this dialog',\n dialogType: 'default',\n },\n render: ({\n notifyText,\n dialogMaxWidth,\n dialogTitle,\n dialogInitialText,\n dialogMainText,\n dialogCloseButtonText,\n dialogType,\n }) => {\n document.getElementById(dialogNotifyId)?.remove();\n\n return html`\n <zero-button @click=\"${showDialog}\">Show Zero Dialog</zero-button>\n <zero-button @click=\"${showEmptyDialog}\">Show Empty Dialog</zero-button>\n <zero-button @click=\"${() => showDialogNotify(notifyText, dialogType)}\">\n Show Zero Dialog - Notification Structure ${dialogType}\n </zero-button>\n <div id=\"dialog-container\"></div>\n <zero-dialog style=\"--dialog-max-width: ${dialogMaxWidth};\" type=${dialogType}>\n <h5 slot=\"top\">${dialogTitle}</h5>\n <p>${dialogInitialText}</p>\n <p>${dialogMainText}</p>\n <zero-divider slot=\"bottom\"></zero-divider>\n <zero-button appearance=\"primary-gradient\" slot=\"bottom\" @click=\"${closeDialog}\">\n ${dialogCloseButtonText}\n </zero-button>\n </zero-dialog>\n <zero-dialog id=\"empty-dialog\"></zero-dialog>\n `;\n },\n}"
11823
11831
  }
11824
11832
  ],
11825
11833
  "exports": [
@@ -11848,7 +11856,7 @@
11848
11856
  {
11849
11857
  "kind": "variable",
11850
11858
  "name": "zeroDialogStyles",
11851
- "default": "css`\n ${foundationDialogStyles}\n :host {\n --dialog-background: ${neutralLayer2};\n }\n\n dialog {\n position: fixed;\n top: 0;\n bottom: 0;\n color: rgb(255 255 255 / 30%);\n border-radius: calc(var(--control-corner-radius) * 1px);\n border: 1px solid ${ColorHEX.lightGrey};\n text-align: left;\n line-height: normal;\n box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n }\n\n .top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: ${ColorHEX.almostWhite};\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n .bottom {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n color: ${ColorHEX.almostWhite};\n }\n\n :host slot:first-of-type {\n color: ${neutralForegroundRest};\n }\n\n ::slotted(zero-button) {\n margin-top: calc(var(--design-unit) * 4px - 1px);\n }\n\n .content-wrapper {\n min-width: var(--dialog-min-width);\n min-height: var(--dialog-min-height);\n height: fit-content;\n width: fit-content;\n max-width: var(--dialog-max-width);\n max-height: var(--dialog-max-height);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n }\n\n .close-icon:hover svg {\n background-color: ${whiteWebRGBA(0.05)};\n }\n\n .close-icon:hover svg g path {\n fill: ${whiteWebRGBA(1)};\n }\n\n .close-icon:active svg {\n background-color: ${defaultDialogActiveBGColor};\n }\n\n .close-icon:active svg g path {\n fill: ${whiteWebRGBA(0.33)};\n }\n`"
11859
+ "default": "css`\n ${foundationDialogStyles}\n :host {\n --color-error: ${ColorHEX.error};\n --color-success: ${ColorHEX.success};\n --dialog-background: ${neutralLayer2};\n }\n\n dialog {\n position: fixed;\n top: 0;\n bottom: 0;\n color: rgb(255 255 255 / 30%);\n border-radius: calc(var(--control-corner-radius) * 1px);\n border: 1px solid ${ColorHEX.lightGrey};\n text-align: left;\n line-height: normal;\n box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n }\n\n .top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: ${ColorHEX.almostWhite};\n margin-bottom: calc(var(--design-unit) * 2px);\n }\n\n .bottom {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n color: ${ColorHEX.almostWhite};\n }\n\n :host slot:first-of-type {\n color: ${neutralForegroundRest};\n }\n\n ::slotted(zero-button) {\n margin-top: calc(var(--design-unit) * 4px - 1px);\n }\n\n .content-wrapper {\n min-width: var(--dialog-min-width);\n min-height: var(--dialog-min-height);\n height: fit-content;\n width: fit-content;\n max-width: var(--dialog-max-width);\n max-height: var(--dialog-max-height);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n }\n\n .close-icon:hover svg {\n background-color: ${whiteWebRGBA(0.05)};\n }\n\n .close-icon:hover svg g path {\n fill: ${whiteWebRGBA(1)};\n }\n\n .close-icon:active svg {\n background-color: ${defaultDialogActiveBGColor};\n }\n\n .close-icon:active svg g path {\n fill: ${whiteWebRGBA(0.33)};\n }\n`"
11852
11860
  }
11853
11861
  ],
11854
11862
  "exports": [
@@ -11892,12 +11900,24 @@
11892
11900
  "tagName": "%%prefix%%-dialog",
11893
11901
  "customElement": true,
11894
11902
  "attributes": [
11903
+ {
11904
+ "name": "type",
11905
+ "type": {
11906
+ "text": "DialogType"
11907
+ },
11908
+ "default": "'default'",
11909
+ "fieldName": "type",
11910
+ "inheritedFrom": {
11911
+ "name": "DialogElement",
11912
+ "module": "src/dialog/dialog.ts"
11913
+ }
11914
+ },
11895
11915
  {
11896
11916
  "name": "position",
11897
11917
  "type": {
11898
- "text": "'centre' | 'left' | 'right'"
11918
+ "text": "DialogPosition"
11899
11919
  },
11900
- "default": "'centre'",
11920
+ "default": "'center'",
11901
11921
  "fieldName": "position",
11902
11922
  "inheritedFrom": {
11903
11923
  "name": "DialogElement",
@@ -11964,13 +11984,25 @@
11964
11984
  "module": "src/dialog/dialog.ts"
11965
11985
  }
11966
11986
  },
11987
+ {
11988
+ "kind": "field",
11989
+ "name": "type",
11990
+ "type": {
11991
+ "text": "DialogType"
11992
+ },
11993
+ "default": "'default'",
11994
+ "inheritedFrom": {
11995
+ "name": "DialogElement",
11996
+ "module": "src/dialog/dialog.ts"
11997
+ }
11998
+ },
11967
11999
  {
11968
12000
  "kind": "field",
11969
12001
  "name": "position",
11970
12002
  "type": {
11971
- "text": "'centre' | 'left' | 'right'"
12003
+ "text": "DialogPosition"
11972
12004
  },
11973
- "default": "'centre'",
12005
+ "default": "'center'",
11974
12006
  "inheritedFrom": {
11975
12007
  "name": "DialogElement",
11976
12008
  "module": "src/dialog/dialog.ts"
@@ -13526,6 +13558,18 @@
13526
13558
  "module": "src/error-boundary/error-boundary.ts"
13527
13559
  }
13528
13560
  },
13561
+ {
13562
+ "kind": "field",
13563
+ "name": "dataSub",
13564
+ "type": {
13565
+ "text": "Subscription"
13566
+ },
13567
+ "privacy": "protected",
13568
+ "inheritedFrom": {
13569
+ "name": "ErrorBoundary",
13570
+ "module": "src/error-boundary/error-boundary.ts"
13571
+ }
13572
+ },
13529
13573
  {
13530
13574
  "kind": "field",
13531
13575
  "name": "datasource",
@@ -21409,12 +21453,24 @@
21409
21453
  "tagName": "%%prefix%%-modal",
21410
21454
  "customElement": true,
21411
21455
  "attributes": [
21456
+ {
21457
+ "name": "type",
21458
+ "type": {
21459
+ "text": "DialogType"
21460
+ },
21461
+ "default": "'default'",
21462
+ "fieldName": "type",
21463
+ "inheritedFrom": {
21464
+ "name": "DialogElement",
21465
+ "module": "src/dialog/dialog.ts"
21466
+ }
21467
+ },
21412
21468
  {
21413
21469
  "name": "position",
21414
21470
  "type": {
21415
- "text": "'centre' | 'left' | 'right'"
21471
+ "text": "DialogPosition"
21416
21472
  },
21417
- "default": "'centre'",
21473
+ "default": "'center'",
21418
21474
  "fieldName": "position",
21419
21475
  "inheritedFrom": {
21420
21476
  "name": "DialogElement",
@@ -21481,13 +21537,25 @@
21481
21537
  "module": "src/dialog/dialog.ts"
21482
21538
  }
21483
21539
  },
21540
+ {
21541
+ "kind": "field",
21542
+ "name": "type",
21543
+ "type": {
21544
+ "text": "DialogType"
21545
+ },
21546
+ "default": "'default'",
21547
+ "inheritedFrom": {
21548
+ "name": "DialogElement",
21549
+ "module": "src/dialog/dialog.ts"
21550
+ }
21551
+ },
21484
21552
  {
21485
21553
  "kind": "field",
21486
21554
  "name": "position",
21487
21555
  "type": {
21488
- "text": "'centre' | 'left' | 'right'"
21556
+ "text": "DialogPosition"
21489
21557
  },
21490
- "default": "'centre'",
21558
+ "default": "'center'",
21491
21559
  "inheritedFrom": {
21492
21560
  "name": "DialogElement",
21493
21561
  "module": "src/dialog/dialog.ts"
@@ -22750,6 +22818,18 @@
22750
22818
  "module": "src/notification-listener/notification-listener.ts"
22751
22819
  }
22752
22820
  },
22821
+ {
22822
+ "kind": "field",
22823
+ "name": "dataSub",
22824
+ "type": {
22825
+ "text": "Subscription"
22826
+ },
22827
+ "privacy": "protected",
22828
+ "inheritedFrom": {
22829
+ "name": "NotificationListener",
22830
+ "module": "src/notification-listener/notification-listener.ts"
22831
+ }
22832
+ },
22753
22833
  {
22754
22834
  "kind": "field",
22755
22835
  "name": "datasource",
@@ -23789,6 +23869,21 @@
23789
23869
  }
23790
23870
  ]
23791
23871
  },
23872
+ {
23873
+ "kind": "javascript-module",
23874
+ "path": "src/overlays/index.ts",
23875
+ "declarations": [],
23876
+ "exports": [
23877
+ {
23878
+ "kind": "js",
23879
+ "name": "*",
23880
+ "declaration": {
23881
+ "name": "*",
23882
+ "package": "./system-health"
23883
+ }
23884
+ }
23885
+ ]
23886
+ },
23792
23887
  {
23793
23888
  "kind": "javascript-module",
23794
23889
  "path": "src/progress/index.ts",
@@ -39235,6 +39330,553 @@
39235
39330
  }
39236
39331
  ]
39237
39332
  },
39333
+ {
39334
+ "kind": "javascript-module",
39335
+ "path": "src/overlays/system-health/index.ts",
39336
+ "declarations": [],
39337
+ "exports": [
39338
+ {
39339
+ "kind": "js",
39340
+ "name": "*",
39341
+ "declaration": {
39342
+ "name": "*",
39343
+ "package": "./system-health-overlay"
39344
+ }
39345
+ }
39346
+ ]
39347
+ },
39348
+ {
39349
+ "kind": "javascript-module",
39350
+ "path": "src/overlays/system-health/system-health-overlay.ts",
39351
+ "declarations": [
39352
+ {
39353
+ "kind": "class",
39354
+ "description": "SystemHealthOverlay",
39355
+ "name": "SystemHealthOverlay",
39356
+ "superclass": {
39357
+ "name": "FoundationSystemHealthOverlay",
39358
+ "package": "@genesislcap/foundation-ui"
39359
+ },
39360
+ "attributes": [
39361
+ {
39362
+ "name": "mode",
39363
+ "type": {
39364
+ "text": "SystemHealthOverlayMode"
39365
+ },
39366
+ "description": "Controls the overlay mode, either app or component level.",
39367
+ "fieldName": "mode",
39368
+ "inheritedFrom": {
39369
+ "name": "SystemHealthOverlay",
39370
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39371
+ }
39372
+ },
39373
+ {
39374
+ "name": "log-level",
39375
+ "type": {
39376
+ "text": "number"
39377
+ },
39378
+ "description": "Allows users to control the logging level of the network monitor via the component.",
39379
+ "fieldName": "logLevel",
39380
+ "inheritedFrom": {
39381
+ "name": "SystemHealthOverlay",
39382
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39383
+ }
39384
+ }
39385
+ ],
39386
+ "members": [
39387
+ {
39388
+ "kind": "field",
39389
+ "name": "resourceList",
39390
+ "type": {
39391
+ "text": "ResourceHealth[]"
39392
+ },
39393
+ "inheritedFrom": {
39394
+ "name": "SystemHealthOverlay",
39395
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39396
+ }
39397
+ },
39398
+ {
39399
+ "kind": "field",
39400
+ "name": "isOpen",
39401
+ "type": {
39402
+ "text": "boolean"
39403
+ },
39404
+ "inheritedFrom": {
39405
+ "name": "SystemHealthOverlay",
39406
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39407
+ }
39408
+ },
39409
+ {
39410
+ "kind": "method",
39411
+ "name": "isOpenChanged",
39412
+ "inheritedFrom": {
39413
+ "name": "SystemHealthOverlay",
39414
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39415
+ }
39416
+ },
39417
+ {
39418
+ "kind": "field",
39419
+ "name": "isDismissed",
39420
+ "type": {
39421
+ "text": "boolean"
39422
+ },
39423
+ "inheritedFrom": {
39424
+ "name": "SystemHealthOverlay",
39425
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39426
+ }
39427
+ },
39428
+ {
39429
+ "kind": "method",
39430
+ "name": "isDismissedChanged",
39431
+ "inheritedFrom": {
39432
+ "name": "SystemHealthOverlay",
39433
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39434
+ }
39435
+ },
39436
+ {
39437
+ "kind": "field",
39438
+ "name": "templateClassNames",
39439
+ "type": {
39440
+ "text": "string"
39441
+ },
39442
+ "inheritedFrom": {
39443
+ "name": "SystemHealthOverlay",
39444
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39445
+ }
39446
+ },
39447
+ {
39448
+ "kind": "field",
39449
+ "name": "containerClassNames",
39450
+ "type": {
39451
+ "text": "string"
39452
+ },
39453
+ "inheritedFrom": {
39454
+ "name": "SystemHealthOverlay",
39455
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39456
+ }
39457
+ },
39458
+ {
39459
+ "kind": "field",
39460
+ "name": "isOnlineClassNames",
39461
+ "type": {
39462
+ "text": "string"
39463
+ },
39464
+ "inheritedFrom": {
39465
+ "name": "SystemHealthOverlay",
39466
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39467
+ }
39468
+ },
39469
+ {
39470
+ "kind": "field",
39471
+ "name": "isHealthyClassNames",
39472
+ "type": {
39473
+ "text": "string"
39474
+ },
39475
+ "inheritedFrom": {
39476
+ "name": "SystemHealthOverlay",
39477
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39478
+ }
39479
+ },
39480
+ {
39481
+ "kind": "field",
39482
+ "name": "isSocketHealthyClassNames",
39483
+ "type": {
39484
+ "text": "string"
39485
+ },
39486
+ "inheritedFrom": {
39487
+ "name": "SystemHealthOverlay",
39488
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39489
+ }
39490
+ },
39491
+ {
39492
+ "kind": "field",
39493
+ "name": "resourcesAllConnectedClassNames",
39494
+ "type": {
39495
+ "text": "string"
39496
+ },
39497
+ "inheritedFrom": {
39498
+ "name": "SystemHealthOverlay",
39499
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39500
+ }
39501
+ },
39502
+ {
39503
+ "kind": "field",
39504
+ "name": "timeTillNextUpdate",
39505
+ "type": {
39506
+ "text": "TimeTillNextUpdate"
39507
+ },
39508
+ "default": "{\n totalMs: 10_000,\n remainMs: 10_000,\n remainPercent: 100,\n }",
39509
+ "inheritedFrom": {
39510
+ "name": "SystemHealthOverlay",
39511
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39512
+ }
39513
+ },
39514
+ {
39515
+ "kind": "field",
39516
+ "name": "timeTillNextUpdateInterval",
39517
+ "type": {
39518
+ "text": "ReturnType<typeof setInterval>"
39519
+ },
39520
+ "privacy": "protected",
39521
+ "inheritedFrom": {
39522
+ "name": "SystemHealthOverlay",
39523
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39524
+ }
39525
+ },
39526
+ {
39527
+ "kind": "field",
39528
+ "name": "saveDataCallback",
39529
+ "type": {
39530
+ "text": "() => void"
39531
+ },
39532
+ "inheritedFrom": {
39533
+ "name": "SystemHealthOverlay",
39534
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39535
+ }
39536
+ },
39537
+ {
39538
+ "kind": "field",
39539
+ "name": "mode",
39540
+ "type": {
39541
+ "text": "SystemHealthOverlayMode"
39542
+ },
39543
+ "description": "Controls the overlay mode, either app or component level.",
39544
+ "inheritedFrom": {
39545
+ "name": "SystemHealthOverlay",
39546
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39547
+ }
39548
+ },
39549
+ {
39550
+ "kind": "method",
39551
+ "name": "modeChanged",
39552
+ "privacy": "protected",
39553
+ "inheritedFrom": {
39554
+ "name": "SystemHealthOverlay",
39555
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39556
+ }
39557
+ },
39558
+ {
39559
+ "kind": "field",
39560
+ "name": "logLevel",
39561
+ "type": {
39562
+ "text": "number"
39563
+ },
39564
+ "description": "Allows users to control the logging level of the network monitor via the component.",
39565
+ "inheritedFrom": {
39566
+ "name": "SystemHealthOverlay",
39567
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39568
+ }
39569
+ },
39570
+ {
39571
+ "kind": "method",
39572
+ "name": "logLevelChanged",
39573
+ "privacy": "protected",
39574
+ "inheritedFrom": {
39575
+ "name": "SystemHealthOverlay",
39576
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39577
+ }
39578
+ },
39579
+ {
39580
+ "kind": "field",
39581
+ "name": "status",
39582
+ "type": {
39583
+ "text": "SystemHealthStatus"
39584
+ },
39585
+ "default": "{\n isOnline: true,\n isHealthy: true,\n socket: {},\n resources: {},\n }",
39586
+ "description": "Last known system health status.",
39587
+ "inheritedFrom": {
39588
+ "name": "SystemHealthOverlay",
39589
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39590
+ }
39591
+ },
39592
+ {
39593
+ "kind": "method",
39594
+ "name": "statusChanged",
39595
+ "privacy": "protected",
39596
+ "parameters": [
39597
+ {
39598
+ "name": "prev",
39599
+ "type": {
39600
+ "text": "SystemHealthStatus"
39601
+ }
39602
+ },
39603
+ {
39604
+ "name": "next",
39605
+ "type": {
39606
+ "text": "SystemHealthStatus"
39607
+ }
39608
+ }
39609
+ ],
39610
+ "inheritedFrom": {
39611
+ "name": "SystemHealthOverlay",
39612
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39613
+ }
39614
+ },
39615
+ {
39616
+ "kind": "method",
39617
+ "name": "updateClassNames",
39618
+ "privacy": "protected",
39619
+ "inheritedFrom": {
39620
+ "name": "SystemHealthOverlay",
39621
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39622
+ }
39623
+ },
39624
+ {
39625
+ "kind": "method",
39626
+ "name": "updateTemplateClassNames",
39627
+ "privacy": "protected",
39628
+ "inheritedFrom": {
39629
+ "name": "SystemHealthOverlay",
39630
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39631
+ }
39632
+ },
39633
+ {
39634
+ "kind": "method",
39635
+ "name": "startTimeTillNextUpdateCountdown",
39636
+ "privacy": "protected",
39637
+ "inheritedFrom": {
39638
+ "name": "SystemHealthOverlay",
39639
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39640
+ }
39641
+ },
39642
+ {
39643
+ "kind": "field",
39644
+ "name": "onSystemHealthChanged",
39645
+ "inheritedFrom": {
39646
+ "name": "SystemHealthOverlay",
39647
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39648
+ }
39649
+ },
39650
+ {
39651
+ "kind": "field",
39652
+ "name": "onOpen",
39653
+ "inheritedFrom": {
39654
+ "name": "SystemHealthOverlay",
39655
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39656
+ }
39657
+ },
39658
+ {
39659
+ "kind": "field",
39660
+ "name": "onClose",
39661
+ "inheritedFrom": {
39662
+ "name": "SystemHealthOverlay",
39663
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39664
+ }
39665
+ },
39666
+ {
39667
+ "kind": "field",
39668
+ "name": "onDismiss",
39669
+ "inheritedFrom": {
39670
+ "name": "SystemHealthOverlay",
39671
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39672
+ }
39673
+ },
39674
+ {
39675
+ "kind": "field",
39676
+ "name": "onUpdateStatus",
39677
+ "inheritedFrom": {
39678
+ "name": "SystemHealthOverlay",
39679
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39680
+ }
39681
+ },
39682
+ {
39683
+ "kind": "field",
39684
+ "name": "onReportStatus",
39685
+ "inheritedFrom": {
39686
+ "name": "SystemHealthOverlay",
39687
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39688
+ }
39689
+ },
39690
+ {
39691
+ "kind": "field",
39692
+ "name": "onReloadWindow",
39693
+ "inheritedFrom": {
39694
+ "name": "SystemHealthOverlay",
39695
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39696
+ }
39697
+ },
39698
+ {
39699
+ "kind": "field",
39700
+ "name": "onDocumentKeydown",
39701
+ "inheritedFrom": {
39702
+ "name": "SystemHealthOverlay",
39703
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39704
+ }
39705
+ },
39706
+ {
39707
+ "kind": "field",
39708
+ "name": "isSocketHealthy",
39709
+ "readonly": true,
39710
+ "inheritedFrom": {
39711
+ "name": "SystemHealthOverlay",
39712
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39713
+ }
39714
+ },
39715
+ {
39716
+ "kind": "field",
39717
+ "name": "validResourceList",
39718
+ "readonly": true,
39719
+ "inheritedFrom": {
39720
+ "name": "SystemHealthOverlay",
39721
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39722
+ }
39723
+ },
39724
+ {
39725
+ "kind": "method",
39726
+ "name": "getCheckmarkTemplate",
39727
+ "static": true,
39728
+ "parameters": [
39729
+ {
39730
+ "name": "isGood",
39731
+ "type": {
39732
+ "text": "boolean"
39733
+ }
39734
+ }
39735
+ ],
39736
+ "inheritedFrom": {
39737
+ "name": "SystemHealthOverlay",
39738
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39739
+ }
39740
+ },
39741
+ {
39742
+ "kind": "field",
39743
+ "name": "_presentation",
39744
+ "type": {
39745
+ "text": "ComponentPresentation | null | undefined"
39746
+ },
39747
+ "privacy": "private",
39748
+ "default": "void 0",
39749
+ "inheritedFrom": {
39750
+ "name": "FoundationElement",
39751
+ "module": "src/foundation-element/foundation-element.ts"
39752
+ }
39753
+ },
39754
+ {
39755
+ "kind": "field",
39756
+ "name": "$presentation",
39757
+ "type": {
39758
+ "text": "ComponentPresentation | null"
39759
+ },
39760
+ "privacy": "public",
39761
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
39762
+ "inheritedFrom": {
39763
+ "name": "FoundationElement",
39764
+ "module": "src/foundation-element/foundation-element.ts"
39765
+ }
39766
+ },
39767
+ {
39768
+ "kind": "field",
39769
+ "name": "template",
39770
+ "type": {
39771
+ "text": "ElementViewTemplate | void | null"
39772
+ },
39773
+ "privacy": "public",
39774
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
39775
+ "inheritedFrom": {
39776
+ "name": "FoundationElement",
39777
+ "module": "src/foundation-element/foundation-element.ts"
39778
+ }
39779
+ },
39780
+ {
39781
+ "kind": "method",
39782
+ "name": "templateChanged",
39783
+ "privacy": "protected",
39784
+ "return": {
39785
+ "type": {
39786
+ "text": "void"
39787
+ }
39788
+ },
39789
+ "inheritedFrom": {
39790
+ "name": "FoundationElement",
39791
+ "module": "src/foundation-element/foundation-element.ts"
39792
+ }
39793
+ },
39794
+ {
39795
+ "kind": "field",
39796
+ "name": "styles",
39797
+ "type": {
39798
+ "text": "ElementStyles | void | null"
39799
+ },
39800
+ "privacy": "public",
39801
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
39802
+ "inheritedFrom": {
39803
+ "name": "FoundationElement",
39804
+ "module": "src/foundation-element/foundation-element.ts"
39805
+ }
39806
+ },
39807
+ {
39808
+ "kind": "method",
39809
+ "name": "stylesChanged",
39810
+ "privacy": "protected",
39811
+ "return": {
39812
+ "type": {
39813
+ "text": "void"
39814
+ }
39815
+ },
39816
+ "inheritedFrom": {
39817
+ "name": "FoundationElement",
39818
+ "module": "src/foundation-element/foundation-element.ts"
39819
+ }
39820
+ },
39821
+ {
39822
+ "kind": "method",
39823
+ "name": "compose",
39824
+ "privacy": "public",
39825
+ "static": true,
39826
+ "return": {
39827
+ "type": {
39828
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
39829
+ }
39830
+ },
39831
+ "parameters": [
39832
+ {
39833
+ "name": "this",
39834
+ "type": {
39835
+ "text": "K"
39836
+ }
39837
+ },
39838
+ {
39839
+ "name": "elementDefinition",
39840
+ "type": {
39841
+ "text": "T"
39842
+ },
39843
+ "description": "The definition of the element to create the registry\nfunction for."
39844
+ }
39845
+ ],
39846
+ "description": "Defines an element registry function with a set of element definition defaults.",
39847
+ "inheritedFrom": {
39848
+ "name": "FoundationElement",
39849
+ "module": "src/foundation-element/foundation-element.ts"
39850
+ }
39851
+ }
39852
+ ]
39853
+ },
39854
+ {
39855
+ "kind": "variable",
39856
+ "name": "zeroSystemHealthOverlay",
39857
+ "description": "Zero system health overlay",
39858
+ "privacy": "public"
39859
+ }
39860
+ ],
39861
+ "exports": [
39862
+ {
39863
+ "kind": "js",
39864
+ "name": "SystemHealthOverlay",
39865
+ "declaration": {
39866
+ "name": "SystemHealthOverlay",
39867
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39868
+ }
39869
+ },
39870
+ {
39871
+ "kind": "js",
39872
+ "name": "zeroSystemHealthOverlay",
39873
+ "declaration": {
39874
+ "name": "zeroSystemHealthOverlay",
39875
+ "module": "src/overlays/system-health/system-health-overlay.ts"
39876
+ }
39877
+ }
39878
+ ]
39879
+ },
39238
39880
  {
39239
39881
  "kind": "javascript-module",
39240
39882
  "path": "src/_config/styles/external/roboto-font/index.ts",
@@ -251,6 +251,7 @@ export declare const baseComponents: {
251
251
  zeroStepperTab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./stepper-tab").StepperTab>;
252
252
  zeroStepperTabPanel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./stepper-tab-panel").StepperTabPanel>;
253
253
  zeroSwitch: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./switch").Switch>;
254
+ zeroSystemHealthOverlay: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./overlays").SystemHealthOverlay>;
254
255
  zeroTab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tab").Tab>;
255
256
  zeroTabPanel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tab-panel").TabPanel>;
256
257
  zeroTabs: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tabs").Tabs>;
@@ -1 +1 @@
1
- {"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA4E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA2EJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
1
+ {"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA6E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA4EJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAwCpB,eAAO,MAAM,OAAO,EAAE,QAuCrB,CAAC"}
1
+ {"version":3,"file":"dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA4CpB,eAAO,MAAM,OAAO,EAAE,QAmDrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,iDAqE5B,CAAC"}
1
+ {"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,iDAuE5B,CAAC"}
@@ -47,6 +47,7 @@ export * from './menu-item';
47
47
  export * from './modal';
48
48
  export * from './multiselect';
49
49
  export * from './number-field';
50
+ export * from './overlays';
50
51
  export * from './progress';
51
52
  export * from './progress-ring';
52
53
  export * from './radio';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './system-health';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlays/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './system-health-overlay';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/overlays/system-health/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { SystemHealthOverlay as FoundationSystemHealthOverlay } from '@genesislcap/foundation-ui';
2
+ /**
3
+ * SystemHealthOverlay
4
+ * @public
5
+ */
6
+ export declare class SystemHealthOverlay extends FoundationSystemHealthOverlay {
7
+ }
8
+ /**
9
+ * Zero system health overlay
10
+ *
11
+ * @public
12
+ * @remarks
13
+ * HTML Element: \<zero-system-health-overlay\>
14
+ */
15
+ export declare const zeroSystemHealthOverlay: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof SystemHealthOverlay>;
16
+ //# sourceMappingURL=system-health-overlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"system-health-overlay.d.ts","sourceRoot":"","sources":["../../../../src/overlays/system-health/system-health-overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,6BAA6B,EAKrD,MAAM,4BAA4B,CAAC;AAEpC;;;GAGG;AACH,qBAAa,mBAAoB,SAAQ,6BAA6B;CAAG;AAEzE;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,mUAMlC,CAAC"}
@@ -44,6 +44,7 @@ import { zeroModal } from './modal';
44
44
  import { zeroMultiselect } from './multiselect';
45
45
  import { zeroNotificationListener } from './notification-listener';
46
46
  import { zeroNumberField } from './number-field';
47
+ import { zeroSystemHealthOverlay } from './overlays';
47
48
  import { zeroProgress } from './progress';
48
49
  import { zeroProgressRing } from './progress-ring';
49
50
  import { zeroRadio } from './radio';
@@ -137,6 +138,7 @@ export const baseComponents = {
137
138
  zeroStepperTab,
138
139
  zeroStepperTabPanel,
139
140
  zeroSwitch,
141
+ zeroSystemHealthOverlay,
140
142
  zeroTab,
141
143
  zeroTabPanel,
142
144
  zeroTabs,
@@ -16,11 +16,12 @@ const closeDialog = (e) => {
16
16
  const dialog = document.querySelector('zero-dialog');
17
17
  dialog.close();
18
18
  };
19
- const showDialogNotify = (notifyText) => {
20
- const dialog = document.createElement('zero-dialog');
21
- const container = document.getElementById('dialog-container');
22
- container.appendChild(dialog);
23
- dialog.notification = {
19
+ const dialogNotifyId = 'dialogNotify';
20
+ const showDialogNotify = (notifyText, dialogType) => {
21
+ const dialogNotify = document.createElement('zero-dialog');
22
+ dialogNotify.setAttribute('id', dialogNotifyId);
23
+ dialogNotify.type = dialogType;
24
+ dialogNotify.notification = {
24
25
  title: 'Notify Title',
25
26
  body: `${notifyText} ID - notify - ${Math.random()}`,
26
27
  config: {
@@ -36,9 +37,17 @@ const showDialogNotify = (notifyText) => {
36
37
  },
37
38
  },
38
39
  };
39
- dialog.show();
40
+ const container = document.getElementById('dialog-container');
41
+ container.appendChild(dialogNotify);
42
+ dialogNotify.show();
40
43
  };
41
44
  export const Primary = {
45
+ argTypes: {
46
+ dialogType: {
47
+ control: 'select',
48
+ options: ['default', 'error', 'success'],
49
+ },
50
+ },
42
51
  args: {
43
52
  notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet',
44
53
  dialogMaxWidth: '557px',
@@ -50,23 +59,28 @@ export const Primary = {
50
59
  temporibus aperiam dolor consequatur perferendis aspernatur fugit repellendus asperiores,
51
60
  voluptas illo? Voluptatum, atque quidem?`,
52
61
  dialogCloseButtonText: 'Close this dialog',
62
+ dialogType: 'default',
53
63
  },
54
- render: ({ notifyText, dialogMaxWidth, dialogTitle, dialogInitialText, dialogMainText, dialogCloseButtonText, }) => html `
55
- <zero-button @click="${showDialog}">Show Zero Dialog</zero-button>
56
- <zero-button @click="${showEmptyDialog}">Show Empty Dialog</zero-button>
57
- <zero-button @click="${() => showDialogNotify(notifyText)}">
58
- Show Zero Dialog - Notification Structure
59
- </zero-button>
60
- <div id="dialog-container"></div>
61
- <zero-dialog style="--dialog-max-width: ${dialogMaxWidth};">
62
- <h5 slot="top">${dialogTitle}</h5>
63
- <p>${dialogInitialText}</p>
64
- <p>${dialogMainText}</p>
65
- <zero-divider slot="bottom"></zero-divider>
66
- <zero-button appearance="primary-gradient" slot="bottom" @click="${closeDialog}">
67
- ${dialogCloseButtonText}
64
+ render: ({ notifyText, dialogMaxWidth, dialogTitle, dialogInitialText, dialogMainText, dialogCloseButtonText, dialogType, }) => {
65
+ var _a;
66
+ (_a = document.getElementById(dialogNotifyId)) === null || _a === void 0 ? void 0 : _a.remove();
67
+ return html `
68
+ <zero-button @click="${showDialog}">Show Zero Dialog</zero-button>
69
+ <zero-button @click="${showEmptyDialog}">Show Empty Dialog</zero-button>
70
+ <zero-button @click="${() => showDialogNotify(notifyText, dialogType)}">
71
+ Show Zero Dialog - Notification Structure ${dialogType}
68
72
  </zero-button>
69
- </zero-dialog>
70
- <zero-dialog id="empty-dialog"></zero-dialog>
71
- `,
73
+ <div id="dialog-container"></div>
74
+ <zero-dialog style="--dialog-max-width: ${dialogMaxWidth};" type=${dialogType}>
75
+ <h5 slot="top">${dialogTitle}</h5>
76
+ <p>${dialogInitialText}</p>
77
+ <p>${dialogMainText}</p>
78
+ <zero-divider slot="bottom"></zero-divider>
79
+ <zero-button appearance="primary-gradient" slot="bottom" @click="${closeDialog}">
80
+ ${dialogCloseButtonText}
81
+ </zero-button>
82
+ </zero-dialog>
83
+ <zero-dialog id="empty-dialog"></zero-dialog>
84
+ `;
85
+ },
72
86
  };
@@ -8,6 +8,8 @@ import { defaultDialogActiveBGColor } from './styles/colors';
8
8
  export const zeroDialogStyles = css `
9
9
  ${foundationDialogStyles}
10
10
  :host {
11
+ --color-error: ${ColorHEX.error};
12
+ --color-success: ${ColorHEX.success};
11
13
  --dialog-background: ${neutralLayer2};
12
14
  }
13
15
 
package/dist/esm/index.js CHANGED
@@ -47,6 +47,7 @@ export * from './menu-item';
47
47
  export * from './modal';
48
48
  export * from './multiselect';
49
49
  export * from './number-field';
50
+ export * from './overlays';
50
51
  export * from './progress';
51
52
  export * from './progress-ring';
52
53
  export * from './radio';
@@ -0,0 +1 @@
1
+ export * from './system-health';
@@ -0,0 +1 @@
1
+ export * from './system-health-overlay';
@@ -0,0 +1,15 @@
1
+ import { SystemHealthOverlay as FoundationSystemHealthOverlay, foundationSystemHealthOverlayTemplate, foundationSystemHealthOverlayStyles, foundationSystemHealthOverlayShadowOptions, defaultSystemHealthOverlayConfig, } from '@genesislcap/foundation-ui';
2
+ /**
3
+ * SystemHealthOverlay
4
+ * @public
5
+ */
6
+ export class SystemHealthOverlay extends FoundationSystemHealthOverlay {
7
+ }
8
+ /**
9
+ * Zero system health overlay
10
+ *
11
+ * @public
12
+ * @remarks
13
+ * HTML Element: \<zero-system-health-overlay\>
14
+ */
15
+ export const zeroSystemHealthOverlay = SystemHealthOverlay.compose(Object.assign({ baseName: 'system-health-overlay', template: foundationSystemHealthOverlayTemplate, styles: foundationSystemHealthOverlayStyles, shadowOptions: foundationSystemHealthOverlayShadowOptions }, defaultSystemHealthOverlayConfig));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero",
3
3
  "description": "Genesis Foundation Zero Design System",
4
- "version": "14.167.3-alpha-69ba23f.0",
4
+ "version": "14.169.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -67,12 +67,12 @@
67
67
  },
68
68
  "devDependencies": {
69
69
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
70
- "@genesislcap/genx": "14.167.3-alpha-69ba23f.0",
71
- "@genesislcap/rollup-builder": "14.167.3-alpha-69ba23f.0",
72
- "@genesislcap/ts-builder": "14.167.3-alpha-69ba23f.0",
73
- "@genesislcap/uvu-playwright-builder": "14.167.3-alpha-69ba23f.0",
74
- "@genesislcap/vite-builder": "14.167.3-alpha-69ba23f.0",
75
- "@genesislcap/webpack-builder": "14.167.3-alpha-69ba23f.0",
70
+ "@genesislcap/genx": "14.169.0",
71
+ "@genesislcap/rollup-builder": "14.169.0",
72
+ "@genesislcap/ts-builder": "14.169.0",
73
+ "@genesislcap/uvu-playwright-builder": "14.169.0",
74
+ "@genesislcap/vite-builder": "14.169.0",
75
+ "@genesislcap/webpack-builder": "14.169.0",
76
76
  "@storybook/addon-coverage": "^1.0.1",
77
77
  "@storybook/addon-essentials": "^8.0.0",
78
78
  "@storybook/addon-links": "^8.0.0",
@@ -89,10 +89,10 @@
89
89
  "storybook": "^8.0.0"
90
90
  },
91
91
  "dependencies": {
92
- "@genesislcap/foundation-comms": "14.167.3-alpha-69ba23f.0",
93
- "@genesislcap/foundation-logger": "14.167.3-alpha-69ba23f.0",
94
- "@genesislcap/foundation-ui": "14.167.3-alpha-69ba23f.0",
95
- "@genesislcap/foundation-utils": "14.167.3-alpha-69ba23f.0",
92
+ "@genesislcap/foundation-comms": "14.169.0",
93
+ "@genesislcap/foundation-logger": "14.169.0",
94
+ "@genesislcap/foundation-ui": "14.169.0",
95
+ "@genesislcap/foundation-utils": "14.169.0",
96
96
  "@microsoft/fast-colors": "^5.3.1",
97
97
  "@microsoft/fast-components": "^2.30.6",
98
98
  "@microsoft/fast-element": "^1.12.0",
@@ -109,5 +109,5 @@
109
109
  "access": "public"
110
110
  },
111
111
  "customElements": "dist/custom-elements.json",
112
- "gitHead": "181f6eb8a074dea1a432c628141688c39163fbfd"
112
+ "gitHead": "59695045bb3be9f8f42679be27fc88cd911e5136"
113
113
  }