opus-react 0.4.6 → 0.5.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.
- package/README.md +11 -2
- package/assets/npm/components.png +0 -0
- package/assets/npm/playground.png +0 -0
- package/dist/index.cjs +853 -565
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +395 -16
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +23 -4
- package/dist/index.d.ts +23 -4
- package/dist/index.js +831 -545
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -427,7 +427,7 @@ var init_setupFireBarrelScene = __esm({
|
|
|
427
427
|
});
|
|
428
428
|
|
|
429
429
|
// ../../components/fields/shared/inputControlSizes.module.css
|
|
430
|
-
var inputControlSizes_default = {"sizeSm":"opus_8ChDQJ_sizeSm","
|
|
430
|
+
var inputControlSizes_default = {"sizeSm":"opus_8ChDQJ_sizeSm","sizeLg":"opus_8ChDQJ_sizeLg","sizeMd":"opus_8ChDQJ_sizeMd"};
|
|
431
431
|
|
|
432
432
|
// ../../components/fields/shared/inputControlSizes.ts
|
|
433
433
|
var inputControlSizeClassName = {
|
|
@@ -437,7 +437,7 @@ var inputControlSizeClassName = {
|
|
|
437
437
|
};
|
|
438
438
|
|
|
439
439
|
// ../../components/fields/Button/Button.module.css
|
|
440
|
-
var Button_default = {"
|
|
440
|
+
var Button_default = {"secondary":"opus_lZkc26_secondary","danger":"opus_lZkc26_danger","link":"opus_lZkc26_link","light":"opus_lZkc26_light","primary":"opus_lZkc26_primary","success":"opus_lZkc26_success","warning":"opus_lZkc26_warning","info":"opus_lZkc26_info","button":"opus_lZkc26_button","dark":"opus_lZkc26_dark"};
|
|
441
441
|
|
|
442
442
|
// ../../components/fields/Button/Button.tsx
|
|
443
443
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -486,7 +486,7 @@ import {
|
|
|
486
486
|
import { createPortal } from "react-dom";
|
|
487
487
|
|
|
488
488
|
// ../../components/Tooltip/Tooltip.module.css
|
|
489
|
-
var Tooltip_default = {"triggerWrap":"opus_R70RbH_triggerWrap","
|
|
489
|
+
var Tooltip_default = {"triggerWrap":"opus_R70RbH_triggerWrap","left":"opus_R70RbH_left","right":"opus_R70RbH_right","popup":"opus_R70RbH_popup","trigger":"opus_R70RbH_trigger","arrow":"opus_R70RbH_arrow","top":"opus_R70RbH_top","root":"opus_R70RbH_root","bottom":"opus_R70RbH_bottom"};
|
|
490
490
|
|
|
491
491
|
// ../../components/Tooltip/Tooltip.tsx
|
|
492
492
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
@@ -655,7 +655,7 @@ function Tooltip({
|
|
|
655
655
|
}
|
|
656
656
|
|
|
657
657
|
// ../../components/fields/FieldShell/FieldShell.module.css
|
|
658
|
-
var FieldShell_default = {"
|
|
658
|
+
var FieldShell_default = {"controlFlagged":"opus_zNi12Z_controlFlagged","labelLeft":"opus_zNi12Z_labelLeft","labelRight":"opus_zNi12Z_labelRight","errorFlagged":"opus_zNi12Z_errorFlagged","label":"opus_zNi12Z_label","required":"opus_zNi12Z_required","error":"opus_zNi12Z_error","stackedRight":"opus_zNi12Z_stackedRight","labelFlagged":"opus_zNi12Z_labelFlagged","stackedLeft":"opus_zNi12Z_stackedLeft","root":"opus_zNi12Z_root","flaggedCenter":"opus_zNi12Z_flaggedCenter","compactControl":"opus_zNi12Z_compactControl","flagged":"opus_zNi12Z_flagged","stacked":"opus_zNi12Z_stacked","flaggedStart":"opus_zNi12Z_flaggedStart","control":"opus_zNi12Z_control","visuallyHidden":"opus_zNi12Z_visuallyHidden","fitContent":"opus_zNi12Z_fitContent"};
|
|
659
659
|
|
|
660
660
|
// ../../components/fields/FieldShell/FieldShell.tsx
|
|
661
661
|
import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
@@ -780,10 +780,10 @@ function FieldShell({
|
|
|
780
780
|
}
|
|
781
781
|
|
|
782
782
|
// ../../components/fields/CheckboxField/CheckboxField.module.css
|
|
783
|
-
var CheckboxField_default = {"
|
|
783
|
+
var CheckboxField_default = {"toggleLabel":"opus_g-5tlR_toggleLabel","toggle":"opus_g-5tlR_toggle","shell":"opus_g-5tlR_shell","nativeInput":"opus_g-5tlR_nativeInput","error":"opus_g-5tlR_error","square":"opus_g-5tlR_square","visual":"opus_g-5tlR_visual","round":"opus_g-5tlR_round"};
|
|
784
784
|
|
|
785
785
|
// ../../components/fields/shared/choiceControlSizes.module.css
|
|
786
|
-
var choiceControlSizes_default = {"
|
|
786
|
+
var choiceControlSizes_default = {"sizeSm":"opus_4er5Uc_sizeSm","sizeMd":"opus_4er5Uc_sizeMd","sizeLg":"opus_4er5Uc_sizeLg"};
|
|
787
787
|
|
|
788
788
|
// ../../components/fields/shared/choiceControlSizes.ts
|
|
789
789
|
var choiceControlSizeClassName = {
|
|
@@ -853,7 +853,7 @@ function CheckboxField({
|
|
|
853
853
|
}
|
|
854
854
|
|
|
855
855
|
// ../../components/fields/ColorField/ColorField.module.css
|
|
856
|
-
var ColorField_default = {"value":"opus_Z7jeX4_value","
|
|
856
|
+
var ColorField_default = {"value":"opus_Z7jeX4_value","swatch":"opus_Z7jeX4_swatch","icon":"opus_Z7jeX4_icon","nativeInput":"opus_Z7jeX4_nativeInput","error":"opus_Z7jeX4_error","picker":"opus_Z7jeX4_picker"};
|
|
857
857
|
|
|
858
858
|
// ../../components/fields/ColorField/ColorField.tsx
|
|
859
859
|
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
@@ -962,7 +962,7 @@ function DateField({
|
|
|
962
962
|
}
|
|
963
963
|
|
|
964
964
|
// ../../components/fields/HiddenField/HiddenField.module.css
|
|
965
|
-
var HiddenField_default = {"
|
|
965
|
+
var HiddenField_default = {"preview":"opus_kL1YXS_preview","note":"opus_kL1YXS_note","meta":"opus_kL1YXS_meta"};
|
|
966
966
|
|
|
967
967
|
// ../../components/fields/HiddenField/HiddenField.tsx
|
|
968
968
|
import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
@@ -1011,7 +1011,7 @@ function HiddenField({
|
|
|
1011
1011
|
}
|
|
1012
1012
|
|
|
1013
1013
|
// ../../components/fields/FileField/FileField.module.css
|
|
1014
|
-
var FileField_default = {"
|
|
1014
|
+
var FileField_default = {"dropError":"opus_aOsPA7_dropError","hint":"opus_aOsPA7_hint","title":"opus_aOsPA7_title","footnote":"opus_aOsPA7_footnote","content":"opus_aOsPA7_content","dragging":"opus_aOsPA7_dragging","drop":"opus_aOsPA7_drop","iconSvg":"opus_aOsPA7_iconSvg","action":"opus_aOsPA7_action","input":"opus_aOsPA7_input","wrapper":"opus_aOsPA7_wrapper","icon":"opus_aOsPA7_icon"};
|
|
1015
1015
|
|
|
1016
1016
|
// ../../components/fields/FileField/FileField.tsx
|
|
1017
1017
|
import {
|
|
@@ -1305,7 +1305,7 @@ async function cropImageToViewport(image, viewport, output, state, options) {
|
|
|
1305
1305
|
}
|
|
1306
1306
|
|
|
1307
1307
|
// ../../components/fields/ImageCropUploadField/ImageCropUploadField.module.css
|
|
1308
|
-
var ImageCropUploadField_default = {"
|
|
1308
|
+
var ImageCropUploadField_default = {"hiddenInput":"opus_itxBv9_hiddenInput","editor":"opus_itxBv9_editor","previewRow":"opus_itxBv9_previewRow","viewport":"opus_itxBv9_viewport","dropTitle":"opus_itxBv9_dropTitle","dropAction":"opus_itxBv9_dropAction","changeLink":"opus_itxBv9_changeLink","dropContent":"opus_itxBv9_dropContent","viewportDragging":"opus_itxBv9_viewportDragging","dropHint":"opus_itxBv9_dropHint","instruction":"opus_itxBv9_instruction","previewCameraButton":"opus_itxBv9_previewCameraButton","previewCopy":"opus_itxBv9_previewCopy","dropIcon":"opus_itxBv9_dropIcon","dragging":"opus_itxBv9_dragging","previewCard":"opus_itxBv9_previewCard","previewTitle":"opus_itxBv9_previewTitle","previewFrame":"opus_itxBv9_previewFrame","drop":"opus_itxBv9_drop","viewportRing":"opus_itxBv9_viewportRing","actions":"opus_itxBv9_actions","previewImage":"opus_itxBv9_previewImage","zoomLabel":"opus_itxBv9_zoomLabel","dropError":"opus_itxBv9_dropError","dropIconSvg":"opus_itxBv9_dropIconSvg","viewportImage":"opus_itxBv9_viewportImage","previewHint":"opus_itxBv9_previewHint","zoomRow":"opus_itxBv9_zoomRow","zoomSlider":"opus_itxBv9_zoomSlider","zoomButton":"opus_itxBv9_zoomButton","root":"opus_itxBv9_root"};
|
|
1309
1309
|
|
|
1310
1310
|
// ../../components/fields/ImageCropUploadField/ImageCropUploadField.tsx
|
|
1311
1311
|
import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
@@ -1772,7 +1772,7 @@ function ImageCropUploadField({
|
|
|
1772
1772
|
import { useEffect as useEffect3, useState as useState4 } from "react";
|
|
1773
1773
|
|
|
1774
1774
|
// ../../components/fields/NumberField/NumberField.module.css
|
|
1775
|
-
var NumberField_default = {"input":"opus_L272Dk_input","
|
|
1775
|
+
var NumberField_default = {"input":"opus_L272Dk_input","button":"opus_L272Dk_button","stepper":"opus_L272Dk_stepper","error":"opus_L272Dk_error"};
|
|
1776
1776
|
|
|
1777
1777
|
// ../../components/fields/numericUtils.ts
|
|
1778
1778
|
function decimalPlacesFromStep(step) {
|
|
@@ -1951,7 +1951,7 @@ function NumberField({
|
|
|
1951
1951
|
import { createContext as createContext2, useContext as useContext2, useId as useId3 } from "react";
|
|
1952
1952
|
|
|
1953
1953
|
// ../../components/fields/RadioGroup/RadioGroup.module.css
|
|
1954
|
-
var RadioGroup_default = {"choice":"opus_O-1nor_choice","
|
|
1954
|
+
var RadioGroup_default = {"choice":"opus_O-1nor_choice","option":"opus_O-1nor_option","round":"opus_O-1nor_round","error":"opus_O-1nor_error","visual":"opus_O-1nor_visual","shell":"opus_O-1nor_shell","nativeInput":"opus_O-1nor_nativeInput","options":"opus_O-1nor_options","square":"opus_O-1nor_square"};
|
|
1955
1955
|
|
|
1956
1956
|
// ../../components/fields/RadioGroup/RadioGroup.tsx
|
|
1957
1957
|
import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
@@ -2049,7 +2049,7 @@ function Radio({ children, error, name, shape, value, defaultChecked }) {
|
|
|
2049
2049
|
import { useId as useId4, useRef as useRef4, useState as useState5 } from "react";
|
|
2050
2050
|
|
|
2051
2051
|
// ../../components/fields/ChipInputField/ChipInputField.module.css
|
|
2052
|
-
var ChipInputField_default = {"
|
|
2052
|
+
var ChipInputField_default = {"field":"opus_IOOYwh_field","disabled":"opus_IOOYwh_disabled","chipLabel":"opus_IOOYwh_chipLabel","shell":"opus_IOOYwh_shell","error":"opus_IOOYwh_error","readOnly":"opus_IOOYwh_readOnly","remove":"opus_IOOYwh_remove","chip":"opus_IOOYwh_chip","input":"opus_IOOYwh_input"};
|
|
2053
2053
|
|
|
2054
2054
|
// ../../components/fields/ChipInputField/ChipInputField.tsx
|
|
2055
2055
|
import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
@@ -2186,7 +2186,7 @@ function ChipInput({
|
|
|
2186
2186
|
var ChipInputField = ChipInput;
|
|
2187
2187
|
|
|
2188
2188
|
// ../../components/fields/ChoiceChipsField/ChoiceChipsField.module.css
|
|
2189
|
-
var ChoiceChipsField_default = {"
|
|
2189
|
+
var ChoiceChipsField_default = {"chip":"opus_X6xFEA_chip","optionDisabled":"opus_X6xFEA_optionDisabled","root":"opus_X6xFEA_root","disabled":"opus_X6xFEA_disabled","selected":"opus_X6xFEA_selected","shell":"opus_X6xFEA_shell","indicator":"opus_X6xFEA_indicator"};
|
|
2190
2190
|
|
|
2191
2191
|
// ../../components/fields/ChoiceChipsField/ChoiceChipsField.tsx
|
|
2192
2192
|
import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
@@ -2272,7 +2272,7 @@ function ChoiceChips({
|
|
|
2272
2272
|
var ChoiceChipsField = ChoiceChips;
|
|
2273
2273
|
|
|
2274
2274
|
// ../../components/fields/RangeField/RangeField.module.css
|
|
2275
|
-
var RangeField_default = {"
|
|
2275
|
+
var RangeField_default = {"footer":"opus_iRHQuG_footer","fieldLabel":"opus_iRHQuG_fieldLabel","value":"opus_iRHQuG_value","wrap":"opus_iRHQuG_wrap","slider":"opus_iRHQuG_slider","error":"opus_iRHQuG_error","topRow":"opus_iRHQuG_topRow"};
|
|
2276
2276
|
|
|
2277
2277
|
// ../../components/fields/RangeField/RangeField.tsx
|
|
2278
2278
|
import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
@@ -2345,7 +2345,7 @@ function RangeField({
|
|
|
2345
2345
|
}
|
|
2346
2346
|
|
|
2347
2347
|
// ../../components/fields/SelectField/SelectField.module.css
|
|
2348
|
-
var SelectField_default = {"
|
|
2348
|
+
var SelectField_default = {"select":"opus_m2ObG0_select","error":"opus_m2ObG0_error","wrap":"opus_m2ObG0_wrap"};
|
|
2349
2349
|
|
|
2350
2350
|
// ../../components/fields/SelectField/SelectField.tsx
|
|
2351
2351
|
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
@@ -2390,7 +2390,7 @@ function SelectField({
|
|
|
2390
2390
|
}
|
|
2391
2391
|
|
|
2392
2392
|
// ../../components/fields/SwitchField/SwitchField.module.css
|
|
2393
|
-
var SwitchField_default = {"
|
|
2393
|
+
var SwitchField_default = {"toggle":"opus_t9NLEA_toggle","error":"opus_t9NLEA_error","shell":"opus_t9NLEA_shell","track":"opus_t9NLEA_track"};
|
|
2394
2394
|
|
|
2395
2395
|
// ../../components/fields/SwitchField/SwitchField.tsx
|
|
2396
2396
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
@@ -2442,7 +2442,7 @@ function SwitchField({
|
|
|
2442
2442
|
import { useId as useId5 } from "react";
|
|
2443
2443
|
|
|
2444
2444
|
// ../../components/fields/TextAreaField/TextAreaField.module.css
|
|
2445
|
-
var TextAreaField_default = {"withCount":"opus_FjhWmh_withCount","
|
|
2445
|
+
var TextAreaField_default = {"withCount":"opus_FjhWmh_withCount","error":"opus_FjhWmh_error","inlineCount":"opus_FjhWmh_inlineCount","externalCount":"opus_FjhWmh_externalCount","textarea":"opus_FjhWmh_textarea","footer":"opus_FjhWmh_footer","footerError":"opus_FjhWmh_footerError","field":"opus_FjhWmh_field","inputWrap":"opus_FjhWmh_inputWrap"};
|
|
2446
2446
|
|
|
2447
2447
|
// ../../components/fields/TextAreaField/TextAreaField.tsx
|
|
2448
2448
|
import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
@@ -2549,7 +2549,7 @@ import {
|
|
|
2549
2549
|
} from "@fortawesome/free-solid-svg-icons";
|
|
2550
2550
|
|
|
2551
2551
|
// ../../components/fields/RichTextField/RichTextField.module.css
|
|
2552
|
-
var RichTextField_default = {"
|
|
2552
|
+
var RichTextField_default = {"error":"opus_6HFqZH_error","modalNumber":"opus_6HFqZH_modalNumber","toolbarButton":"opus_6HFqZH_toolbarButton","modalTitle":"opus_6HFqZH_modalTitle","modalActions":"opus_6HFqZH_modalActions","modalCancel":"opus_6HFqZH_modalCancel","toolbarIcon":"opus_6HFqZH_toolbarIcon","modal":"opus_6HFqZH_modal","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","field":"opus_6HFqZH_field","editor":"opus_6HFqZH_editor","blockSelect":"opus_6HFqZH_blockSelect","divider":"opus_6HFqZH_divider","toolbar":"opus_6HFqZH_toolbar","colorSwatch":"opus_6HFqZH_colorSwatch","readOnly":"opus_6HFqZH_readOnly","modalOverlay":"opus_6HFqZH_modalOverlay","modalField":"opus_6HFqZH_modalField","modalLabel":"opus_6HFqZH_modalLabel","modalInput":"opus_6HFqZH_modalInput","modalConfirm":"opus_6HFqZH_modalConfirm","modalTimes":"opus_6HFqZH_modalTimes","colorInput":"opus_6HFqZH_colorInput","modalDimensions":"opus_6HFqZH_modalDimensions","modalDimensionField":"opus_6HFqZH_modalDimensionField","editorShell":"opus_6HFqZH_editorShell"};
|
|
2553
2553
|
|
|
2554
2554
|
// ../../components/fields/RichTextField/RichTextField.tsx
|
|
2555
2555
|
import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
@@ -3198,7 +3198,7 @@ import { FontAwesomeIcon as FontAwesomeIcon4 } from "@fortawesome/react-fontawes
|
|
|
3198
3198
|
import { faMagnifyingGlass } from "@fortawesome/free-solid-svg-icons";
|
|
3199
3199
|
|
|
3200
3200
|
// ../../components/fields/shared/fieldControl.module.css
|
|
3201
|
-
var fieldControl_default = {"
|
|
3201
|
+
var fieldControl_default = {"passwordWrap":"opus_1Q5xBh_passwordWrap","searchWrap":"opus_1Q5xBh_searchWrap","prefixIcon":"opus_1Q5xBh_prefixIcon","endAdornment":"opus_1Q5xBh_endAdornment","prefixIconSvg":"opus_1Q5xBh_prefixIconSvg","chevron":"opus_1Q5xBh_chevron","placeholder":"opus_1Q5xBh_placeholder","passwordToggle":"opus_1Q5xBh_passwordToggle","input":"opus_1Q5xBh_input","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","search":"opus_1Q5xBh_search","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot","passwordInput":"opus_1Q5xBh_passwordInput","panelFooter":"opus_1Q5xBh_panelFooter","actionButton":"opus_1Q5xBh_actionButton","list":"opus_1Q5xBh_list","triggerError":"opus_1Q5xBh_triggerError","searchInput":"opus_1Q5xBh_searchInput","searchWrapError":"opus_1Q5xBh_searchWrapError","groupLabel":"opus_1Q5xBh_groupLabel","panel":"opus_1Q5xBh_panel","option":"opus_1Q5xBh_option","trigger":"opus_1Q5xBh_trigger","error":"opus_1Q5xBh_error","triggerOpen":"opus_1Q5xBh_triggerOpen"};
|
|
3202
3202
|
|
|
3203
3203
|
// ../../components/fields/shared/PasswordToggle.tsx
|
|
3204
3204
|
import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
|
|
@@ -3307,7 +3307,7 @@ import { FontAwesomeIcon as FontAwesomeIcon5 } from "@fortawesome/react-fontawes
|
|
|
3307
3307
|
import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons";
|
|
3308
3308
|
|
|
3309
3309
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.module.css
|
|
3310
|
-
var ThemeToggleField_default = {"
|
|
3310
|
+
var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","option":"opus_SwerMA_option","active":"opus_SwerMA_active","indicator":"opus_SwerMA_indicator"};
|
|
3311
3311
|
|
|
3312
3312
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.tsx
|
|
3313
3313
|
import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
@@ -3649,7 +3649,7 @@ function MultiSelectField({
|
|
|
3649
3649
|
import { useState as useState10 } from "react";
|
|
3650
3650
|
|
|
3651
3651
|
// ../../components/fields/TransferListField/TransferListField.module.css
|
|
3652
|
-
var TransferListField_default = {"
|
|
3652
|
+
var TransferListField_default = {"controls":"opus_NPBFZk_controls","root":"opus_NPBFZk_root","columnHeader":"opus_NPBFZk_columnHeader","item":"opus_NPBFZk_item","itemActive":"opus_NPBFZk_itemActive","list":"opus_NPBFZk_list","column":"opus_NPBFZk_column","controlButton":"opus_NPBFZk_controlButton"};
|
|
3653
3653
|
|
|
3654
3654
|
// ../../components/fields/TransferListField/TransferListField.tsx
|
|
3655
3655
|
import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
@@ -3771,7 +3771,7 @@ import { FontAwesomeIcon as FontAwesomeIcon6 } from "@fortawesome/react-fontawes
|
|
|
3771
3771
|
import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons";
|
|
3772
3772
|
|
|
3773
3773
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.module.css
|
|
3774
|
-
var PasswordStrengthField_default = {"
|
|
3774
|
+
var PasswordStrengthField_default = {"root":"opus_S1A372_root","requirementMet":"opus_S1A372_requirementMet","meterFill":"opus_S1A372_meterFill","meterWrap":"opus_S1A372_meterWrap","meterTrack":"opus_S1A372_meterTrack","requirements":"opus_S1A372_requirements","requirementIcon":"opus_S1A372_requirementIcon","requirement":"opus_S1A372_requirement","meterLabel":"opus_S1A372_meterLabel"};
|
|
3775
3775
|
|
|
3776
3776
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.tsx
|
|
3777
3777
|
import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
@@ -3880,7 +3880,7 @@ function PasswordStrengthField({
|
|
|
3880
3880
|
}
|
|
3881
3881
|
|
|
3882
3882
|
// ../../components/fields/RatingField/RatingField.module.css
|
|
3883
|
-
var RatingField_default = {"
|
|
3883
|
+
var RatingField_default = {"root":"opus_0tdNUz_root","symbol":"opus_0tdNUz_symbol","numeric":"opus_0tdNUz_numeric","numericActive":"opus_0tdNUz_numericActive","symbolActive":"opus_0tdNUz_symbolActive"};
|
|
3884
3884
|
|
|
3885
3885
|
// ../../components/fields/RatingField/RatingField.tsx
|
|
3886
3886
|
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
@@ -4012,7 +4012,7 @@ function SegmentedControlField({
|
|
|
4012
4012
|
import { useMemo as useMemo5 } from "react";
|
|
4013
4013
|
|
|
4014
4014
|
// ../../components/fields/SliderRangeField/SliderRangeField.module.css
|
|
4015
|
-
var SliderRangeField_default = {"
|
|
4015
|
+
var SliderRangeField_default = {"slider":"opus_k3d0sS_slider","trackWrap":"opus_k3d0sS_trackWrap","footer":"opus_k3d0sS_footer","header":"opus_k3d0sS_header","root":"opus_k3d0sS_root","track":"opus_k3d0sS_track","value":"opus_k3d0sS_value"};
|
|
4016
4016
|
|
|
4017
4017
|
// ../../components/fields/SliderRangeField/SliderRangeField.tsx
|
|
4018
4018
|
import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
@@ -4110,7 +4110,7 @@ function SliderRangeField({
|
|
|
4110
4110
|
import { useEffect as useEffect7, useMemo as useMemo6, useRef as useRef8, useState as useState12 } from "react";
|
|
4111
4111
|
|
|
4112
4112
|
// ../../components/fields/PhoneNumberField/PhoneNumberField.module.css
|
|
4113
|
-
var PhoneNumberField_default = {"
|
|
4113
|
+
var PhoneNumberField_default = {"optionActive":"opus_WC4gnN_optionActive","optionLabel":"opus_WC4gnN_optionLabel","empty":"opus_WC4gnN_empty","countryValue":"opus_WC4gnN_countryValue","country":"opus_WC4gnN_country","root":"opus_WC4gnN_root","countryWrap":"opus_WC4gnN_countryWrap","code":"opus_WC4gnN_code","flag":"opus_WC4gnN_flag","option":"opus_WC4gnN_option","optionDial":"opus_WC4gnN_optionDial","dial":"opus_WC4gnN_dial","panel":"opus_WC4gnN_panel","chevron":"opus_WC4gnN_chevron"};
|
|
4114
4114
|
|
|
4115
4115
|
// ../../components/fields/PhoneNumberField/countries.ts
|
|
4116
4116
|
function countryCodeToFlag(code) {
|
|
@@ -4515,7 +4515,7 @@ function PhoneNumberField({
|
|
|
4515
4515
|
import { useEffect as useEffect8, useMemo as useMemo7, useRef as useRef9, useState as useState13 } from "react";
|
|
4516
4516
|
|
|
4517
4517
|
// ../../components/fields/CountryPickerField/CountryPickerField.module.css
|
|
4518
|
-
var CountryPickerField_default = {"optionActive":"opus_O7qqfR_optionActive","
|
|
4518
|
+
var CountryPickerField_default = {"optionActive":"opus_O7qqfR_optionActive","root":"opus_O7qqfR_root","option":"opus_O7qqfR_option","triggerValue":"opus_O7qqfR_triggerValue","flag":"opus_O7qqfR_flag","optionLabel":"opus_O7qqfR_optionLabel","empty":"opus_O7qqfR_empty","optionCode":"opus_O7qqfR_optionCode"};
|
|
4519
4519
|
|
|
4520
4520
|
// ../../components/fields/CountryPickerField/CountryPickerField.tsx
|
|
4521
4521
|
import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
@@ -4674,7 +4674,7 @@ function CountryPickerField({
|
|
|
4674
4674
|
import { useEffect as useEffect9, useMemo as useMemo8, useRef as useRef10, useState as useState14 } from "react";
|
|
4675
4675
|
|
|
4676
4676
|
// ../../components/fields/TreeSelectField/TreeSelectField.module.css
|
|
4677
|
-
var TreeSelectField_default = {"
|
|
4677
|
+
var TreeSelectField_default = {"treeOptionActive":"opus_Mq6C00_treeOptionActive","root":"opus_Mq6C00_root","treeOption":"opus_Mq6C00_treeOption"};
|
|
4678
4678
|
|
|
4679
4679
|
// ../../components/fields/TreeSelectField/TreeSelectField.tsx
|
|
4680
4680
|
import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
@@ -4805,7 +4805,7 @@ function TreeSelectField({
|
|
|
4805
4805
|
import { useEffect as useEffect10, useMemo as useMemo9, useRef as useRef11, useState as useState15 } from "react";
|
|
4806
4806
|
|
|
4807
4807
|
// ../../components/fields/CascaderField/CascaderField.module.css
|
|
4808
|
-
var CascaderField_default = {"
|
|
4808
|
+
var CascaderField_default = {"optionActive":"opus_1Fg59A_optionActive","panel":"opus_1Fg59A_panel","option":"opus_1Fg59A_option","root":"opus_1Fg59A_root","column":"opus_1Fg59A_column"};
|
|
4809
4809
|
|
|
4810
4810
|
// ../../components/fields/CascaderField/CascaderField.tsx
|
|
4811
4811
|
import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
@@ -5020,7 +5020,7 @@ function OpusThemeProvider({
|
|
|
5020
5020
|
}
|
|
5021
5021
|
|
|
5022
5022
|
// ../../components/Alert/Alert.module.css
|
|
5023
|
-
var Alert_default = {"
|
|
5023
|
+
var Alert_default = {"iconFlagged":"opus_eh3eeT_iconFlagged","icon":"opus_eh3eeT_icon","alert":"opus_eh3eeT_alert","iconMark":"opus_eh3eeT_iconMark","content":"opus_eh3eeT_content","description":"opus_eh3eeT_description","dismiss":"opus_eh3eeT_dismiss","dismissIcon":"opus_eh3eeT_dismissIcon","iconSvg":"opus_eh3eeT_iconSvg","title":"opus_eh3eeT_title"};
|
|
5024
5024
|
|
|
5025
5025
|
// ../../components/Alert/Alert.tsx
|
|
5026
5026
|
import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
@@ -5242,7 +5242,7 @@ function useOverlayAccessibility(active, containerRef, {
|
|
|
5242
5242
|
}
|
|
5243
5243
|
|
|
5244
5244
|
// ../../components/Dialog/Dialog.module.css
|
|
5245
|
-
var Dialog_default = {"
|
|
5245
|
+
var Dialog_default = {"title":"opus_sz-ZGI_title","dialogIn":"opus_sz-ZGI_dialogIn","body":"opus_sz-ZGI_body","content":"opus_sz-ZGI_content","description":"opus_sz-ZGI_description","iconSvg":"opus_sz-ZGI_iconSvg","dialogOut":"opus_sz-ZGI_dialogOut","iconMark":"opus_sz-ZGI_iconMark","backdrop":"opus_sz-ZGI_backdrop","actions":"opus_sz-ZGI_actions","backdropOut":"opus_sz-ZGI_backdropOut","visuallyHidden":"opus_sz-ZGI_visuallyHidden","backdropIn":"opus_sz-ZGI_backdropIn","dialog":"opus_sz-ZGI_dialog","icon":"opus_sz-ZGI_icon"};
|
|
5246
5246
|
|
|
5247
5247
|
// ../../components/Dialog/Dialog.tsx
|
|
5248
5248
|
import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
@@ -5373,7 +5373,7 @@ function Dialog({
|
|
|
5373
5373
|
import { useEffect as useEffect15, useId as useId7, useRef as useRef14, useState as useState18 } from "react";
|
|
5374
5374
|
|
|
5375
5375
|
// ../../components/Modal/Modal.module.css
|
|
5376
|
-
var Modal_default = {"
|
|
5376
|
+
var Modal_default = {"modalPanelIn":"opus_LQbzGS_modalPanelIn","modal":"opus_LQbzGS_modal","heading":"opus_LQbzGS_heading","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","close":"opus_LQbzGS_close","closeIcon":"opus_LQbzGS_closeIcon","header":"opus_LQbzGS_header","actions":"opus_LQbzGS_actions","modalBackdropIn":"opus_LQbzGS_modalBackdropIn","footerContent":"opus_LQbzGS_footerContent","modalPanelOut":"opus_LQbzGS_modalPanelOut","backdrop":"opus_LQbzGS_backdrop","title":"opus_LQbzGS_title","footer":"opus_LQbzGS_footer","body":"opus_LQbzGS_body","description":"opus_LQbzGS_description"};
|
|
5377
5377
|
|
|
5378
5378
|
// ../../components/Modal/Modal.tsx
|
|
5379
5379
|
import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
@@ -5504,7 +5504,7 @@ function ModalDefaultActions({ onClose }) {
|
|
|
5504
5504
|
import { useEffect as useEffect16, useId as useId8, useRef as useRef15, useState as useState19 } from "react";
|
|
5505
5505
|
|
|
5506
5506
|
// ../../components/Drawer/Drawer.module.css
|
|
5507
|
-
var Drawer_default = {"
|
|
5507
|
+
var Drawer_default = {"actions":"opus_0CaGbZ_actions","footer":"opus_0CaGbZ_footer","drawerInRight":"opus_0CaGbZ_drawerInRight","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","drawer":"opus_0CaGbZ_drawer","drawerInBottom":"opus_0CaGbZ_drawerInBottom","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","drawerOutTop":"opus_0CaGbZ_drawerOutTop","heading":"opus_0CaGbZ_heading","body":"opus_0CaGbZ_body","closeIcon":"opus_0CaGbZ_closeIcon","drawerOutRight":"opus_0CaGbZ_drawerOutRight","drawerInTop":"opus_0CaGbZ_drawerInTop","drawerInLeft":"opus_0CaGbZ_drawerInLeft","close":"opus_0CaGbZ_close","description":"opus_0CaGbZ_description","header":"opus_0CaGbZ_header","drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","title":"opus_0CaGbZ_title","backdrop":"opus_0CaGbZ_backdrop","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","footerContent":"opus_0CaGbZ_footerContent"};
|
|
5508
5508
|
|
|
5509
5509
|
// ../../components/Drawer/Drawer.tsx
|
|
5510
5510
|
import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
@@ -5644,7 +5644,7 @@ import {
|
|
|
5644
5644
|
} from "react";
|
|
5645
5645
|
|
|
5646
5646
|
// ../../components/Popover/Popover.module.css
|
|
5647
|
-
var Popover_default = {"
|
|
5647
|
+
var Popover_default = {"title":"opus_yq4OU0_title","content":"opus_yq4OU0_content","arrow":"opus_yq4OU0_arrow","panel":"opus_yq4OU0_panel","root":"opus_yq4OU0_root","popoverIn":"opus_yq4OU0_popoverIn"};
|
|
5648
5648
|
|
|
5649
5649
|
// ../../components/Popover/Popover.tsx
|
|
5650
5650
|
import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
@@ -5803,9 +5803,9 @@ function resolveEmojiPickerPortalStyle(anchorRect, panelRect, placement) {
|
|
|
5803
5803
|
);
|
|
5804
5804
|
return { left, top, width: panelWidth };
|
|
5805
5805
|
}
|
|
5806
|
-
function resolveDropdownPortalStyle(anchorRect, menuRect, placement, elevated) {
|
|
5806
|
+
function resolveDropdownPortalStyle(anchorRect, menuRect, placement, elevated, gapOverride) {
|
|
5807
5807
|
var _a2, _b2;
|
|
5808
|
-
const gap = elevated ? 6 : 8;
|
|
5808
|
+
const gap = gapOverride != null ? gapOverride : elevated ? 6 : 8;
|
|
5809
5809
|
const menuWidth = (_a2 = menuRect == null ? void 0 : menuRect.width) != null ? _a2 : Math.min(260, window.innerWidth - 32);
|
|
5810
5810
|
const menuHeight = (_b2 = menuRect == null ? void 0 : menuRect.height) != null ? _b2 : 0;
|
|
5811
5811
|
switch (placement) {
|
|
@@ -5834,7 +5834,7 @@ function resolveMegaMenuPortalStyle(root, inTopNavigation) {
|
|
|
5834
5834
|
}
|
|
5835
5835
|
|
|
5836
5836
|
// ../../components/MegaMenu/MegaMenu.module.css
|
|
5837
|
-
var MegaMenu_default = {"
|
|
5837
|
+
var MegaMenu_default = {"eyebrow":"opus_Y_ikQV_eyebrow","itemIcon":"opus_Y_ikQV_itemIcon","itemCopy":"opus_Y_ikQV_itemCopy","menuBar":"opus_Y_ikQV_menuBar","panel":"opus_Y_ikQV_panel","sections":"opus_Y_ikQV_sections","featuredAction":"opus_Y_ikQV_featuredAction","panelContent":"opus_Y_ikQV_panelContent","megaMenuIn":"opus_Y_ikQV_megaMenuIn","megaMenuOut":"opus_Y_ikQV_megaMenuOut","section":"opus_Y_ikQV_section","trigger":"opus_Y_ikQV_trigger","featured":"opus_Y_ikQV_featured","items":"opus_Y_ikQV_items","item":"opus_Y_ikQV_item","root":"opus_Y_ikQV_root"};
|
|
5838
5838
|
|
|
5839
5839
|
// ../../components/MegaMenu/MegaMenu.tsx
|
|
5840
5840
|
import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
@@ -6653,7 +6653,7 @@ function handleMenuKeyDown(event, menu, onEscape) {
|
|
|
6653
6653
|
}
|
|
6654
6654
|
|
|
6655
6655
|
// ../../components/DropdownMenu/DropdownMenu.module.css
|
|
6656
|
-
var DropdownMenu_default = {"
|
|
6656
|
+
var DropdownMenu_default = {"menu":"opus_UUVDVQ_menu","dropdownIn":"opus_UUVDVQ_dropdownIn","root":"opus_UUVDVQ_root","icon":"opus_UUVDVQ_icon","pointer":"opus_UUVDVQ_pointer","dropdownOut":"opus_UUVDVQ_dropdownOut","label":"opus_UUVDVQ_label","shortcut":"opus_UUVDVQ_shortcut","item":"opus_UUVDVQ_item"};
|
|
6657
6657
|
|
|
6658
6658
|
// ../../components/DropdownMenu/DropdownMenu.tsx
|
|
6659
6659
|
import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
@@ -6733,6 +6733,8 @@ function DropdownMenu({
|
|
|
6733
6733
|
open,
|
|
6734
6734
|
openOnHover = false,
|
|
6735
6735
|
placement = "bottom-start",
|
|
6736
|
+
showPointer = false,
|
|
6737
|
+
triggerGap,
|
|
6736
6738
|
trigger
|
|
6737
6739
|
}) {
|
|
6738
6740
|
const menuId = useId11();
|
|
@@ -6758,6 +6760,12 @@ function DropdownMenu({
|
|
|
6758
6760
|
const resolvedElevated = elevated || inTopNavigation;
|
|
6759
6761
|
const dismissOnOutside = openOnHover ? false : resolvedCloseOnOutside;
|
|
6760
6762
|
const disableClickToggle = openOnHover;
|
|
6763
|
+
const resolvedTriggerGap = Math.min(
|
|
6764
|
+
16,
|
|
6765
|
+
Math.max(0, triggerGap != null ? triggerGap : 8)
|
|
6766
|
+
);
|
|
6767
|
+
const pointerExtent = placement === "bottom-start" ? 9.5 : 9;
|
|
6768
|
+
const portalGap = showPointer ? pointerExtent + resolvedTriggerGap : resolvedTriggerGap;
|
|
6761
6769
|
const setVisible = useCallback7((nextOpen) => {
|
|
6762
6770
|
if (!controlled) {
|
|
6763
6771
|
setInternalOpen(nextOpen);
|
|
@@ -6817,18 +6825,27 @@ function DropdownMenu({
|
|
|
6817
6825
|
anchor.getBoundingClientRect(),
|
|
6818
6826
|
(_b2 = (_a2 = menuRef.current) == null ? void 0 : _a2.getBoundingClientRect()) != null ? _b2 : null,
|
|
6819
6827
|
placement,
|
|
6820
|
-
resolvedElevated
|
|
6828
|
+
resolvedElevated,
|
|
6829
|
+
portalGap
|
|
6821
6830
|
)
|
|
6822
6831
|
);
|
|
6823
6832
|
};
|
|
6824
6833
|
updatePosition();
|
|
6834
|
+
const frame = window.requestAnimationFrame(updatePosition);
|
|
6835
|
+
const resizeObserver = new ResizeObserver(updatePosition);
|
|
6836
|
+
resizeObserver.observe(rootRef.current);
|
|
6837
|
+
if (menuRef.current) {
|
|
6838
|
+
resizeObserver.observe(menuRef.current);
|
|
6839
|
+
}
|
|
6825
6840
|
window.addEventListener("resize", updatePosition);
|
|
6826
6841
|
window.addEventListener("scroll", updatePosition, true);
|
|
6827
6842
|
return () => {
|
|
6843
|
+
window.cancelAnimationFrame(frame);
|
|
6844
|
+
resizeObserver.disconnect();
|
|
6828
6845
|
window.removeEventListener("resize", updatePosition);
|
|
6829
6846
|
window.removeEventListener("scroll", updatePosition, true);
|
|
6830
6847
|
};
|
|
6831
|
-
}, [placement, renderMenu, resolvedElevated, phase]);
|
|
6848
|
+
}, [placement, portalGap, renderMenu, resolvedElevated, phase]);
|
|
6832
6849
|
useEffect20(() => {
|
|
6833
6850
|
let timeout;
|
|
6834
6851
|
const frame = window.requestAnimationFrame(() => {
|
|
@@ -6906,7 +6923,7 @@ function DropdownMenu({
|
|
|
6906
6923
|
left: portalStyle.left,
|
|
6907
6924
|
top: portalStyle.top
|
|
6908
6925
|
}, portalStyle.width ? { width: portalStyle.width } : {}) : {});
|
|
6909
|
-
const menuNode = renderMenu ? /* @__PURE__ */
|
|
6926
|
+
const menuNode = renderMenu ? /* @__PURE__ */ jsxs32(
|
|
6910
6927
|
"span",
|
|
6911
6928
|
{
|
|
6912
6929
|
ref: menuRef,
|
|
@@ -6916,6 +6933,7 @@ function DropdownMenu({
|
|
|
6916
6933
|
"data-open-on-hover": openOnHover || resolvedElevated ? "true" : void 0,
|
|
6917
6934
|
"data-has-icon-column": showIconColumn ? "true" : void 0,
|
|
6918
6935
|
"data-placement": placement,
|
|
6936
|
+
"data-show-pointer": showPointer ? "true" : void 0,
|
|
6919
6937
|
"data-portaled": "true",
|
|
6920
6938
|
"data-theme": theme,
|
|
6921
6939
|
id: menuId,
|
|
@@ -6924,15 +6942,45 @@ function DropdownMenu({
|
|
|
6924
6942
|
onKeyDown: (event) => {
|
|
6925
6943
|
handleMenuKeyDown(event.nativeEvent, event.currentTarget, () => setVisible(false));
|
|
6926
6944
|
},
|
|
6927
|
-
children:
|
|
6928
|
-
|
|
6929
|
-
|
|
6930
|
-
|
|
6931
|
-
|
|
6932
|
-
|
|
6933
|
-
|
|
6934
|
-
|
|
6935
|
-
|
|
6945
|
+
children: [
|
|
6946
|
+
showPointer ? /* @__PURE__ */ jsxs32(
|
|
6947
|
+
"svg",
|
|
6948
|
+
{
|
|
6949
|
+
"aria-hidden": "true",
|
|
6950
|
+
className: DropdownMenu_default.pointer,
|
|
6951
|
+
focusable: "false",
|
|
6952
|
+
viewBox: "0 0 18 10",
|
|
6953
|
+
children: [
|
|
6954
|
+
/* @__PURE__ */ jsx44(
|
|
6955
|
+
"path",
|
|
6956
|
+
{
|
|
6957
|
+
d: "M0 10 L9 0 L18 10 Z",
|
|
6958
|
+
fill: "var(--opus-pointed-menu-surface)"
|
|
6959
|
+
}
|
|
6960
|
+
),
|
|
6961
|
+
/* @__PURE__ */ jsx44(
|
|
6962
|
+
"path",
|
|
6963
|
+
{
|
|
6964
|
+
d: "M0 10 L9 0 L18 10",
|
|
6965
|
+
fill: "none",
|
|
6966
|
+
stroke: "var(--opus-menu-glass-border)",
|
|
6967
|
+
strokeWidth: "1",
|
|
6968
|
+
vectorEffect: "non-scaling-stroke"
|
|
6969
|
+
}
|
|
6970
|
+
)
|
|
6971
|
+
]
|
|
6972
|
+
}
|
|
6973
|
+
) : null,
|
|
6974
|
+
items.map((item) => /* @__PURE__ */ jsx44(
|
|
6975
|
+
DropdownMenuItem,
|
|
6976
|
+
{
|
|
6977
|
+
item,
|
|
6978
|
+
showIconColumn,
|
|
6979
|
+
onSelect: handleSelect
|
|
6980
|
+
},
|
|
6981
|
+
item.id
|
|
6982
|
+
))
|
|
6983
|
+
]
|
|
6936
6984
|
}
|
|
6937
6985
|
) : null;
|
|
6938
6986
|
return /* @__PURE__ */ jsxs32(
|
|
@@ -6993,7 +7041,7 @@ import {
|
|
|
6993
7041
|
import { createPortal as createPortal5 } from "react-dom";
|
|
6994
7042
|
|
|
6995
7043
|
// ../../components/ContextMenu/ContextMenu.module.css
|
|
6996
|
-
var ContextMenu_default = {"
|
|
7044
|
+
var ContextMenu_default = {"target":"opus_nMhhae_target","menu":"opus_nMhhae_menu","contextMenuIn":"opus_nMhhae_contextMenuIn","backdrop":"opus_nMhhae_backdrop","layer":"opus_nMhhae_layer","contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn"};
|
|
6997
7045
|
|
|
6998
7046
|
// ../../components/ContextMenu/ContextMenuProvider.tsx
|
|
6999
7047
|
import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
@@ -7306,7 +7354,7 @@ import { faMagnifyingGlass as faMagnifyingGlass2 } from "@fortawesome/free-solid
|
|
|
7306
7354
|
import { FontAwesomeIcon as FontAwesomeIcon7 } from "@fortawesome/react-fontawesome";
|
|
7307
7355
|
|
|
7308
7356
|
// ../../components/CommandPalette/CommandPalette.module.css
|
|
7309
|
-
var CommandPalette_default = {"
|
|
7357
|
+
var CommandPalette_default = {"searchIcon":"opus_k1ypuy_searchIcon","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","searchIconSvg":"opus_k1ypuy_searchIconSvg","groupLabel":"opus_k1ypuy_groupLabel","item":"opus_k1ypuy_item","itemDescription":"opus_k1ypuy_itemDescription","results":"opus_k1ypuy_results","empty":"opus_k1ypuy_empty","visuallyHidden":"opus_k1ypuy_visuallyHidden","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","group":"opus_k1ypuy_group","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","panel":"opus_k1ypuy_panel","footer":"opus_k1ypuy_footer","itemMain":"opus_k1ypuy_itemMain","itemLabel":"opus_k1ypuy_itemLabel","searchInput":"opus_k1ypuy_searchInput","searchWrap":"opus_k1ypuy_searchWrap","shortcut":"opus_k1ypuy_shortcut","backdrop":"opus_k1ypuy_backdrop"};
|
|
7310
7358
|
|
|
7311
7359
|
// ../../components/CommandPalette/CommandPalette.tsx
|
|
7312
7360
|
import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
@@ -7646,7 +7694,7 @@ function AccordionGroup({
|
|
|
7646
7694
|
}
|
|
7647
7695
|
|
|
7648
7696
|
// ../../components/Accordion/Accordion.module.css
|
|
7649
|
-
var Accordion_default = {"
|
|
7697
|
+
var Accordion_default = {"standalone":"opus_WNZQMV_standalone","triggerLabel":"opus_WNZQMV_triggerLabel","content":"opus_WNZQMV_content","trigger":"opus_WNZQMV_trigger","chevron":"opus_WNZQMV_chevron","panelInner":"opus_WNZQMV_panelInner","item":"opus_WNZQMV_item","panel":"opus_WNZQMV_panel"};
|
|
7650
7698
|
|
|
7651
7699
|
// ../../components/Accordion/Accordion.tsx
|
|
7652
7700
|
import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
@@ -7739,7 +7787,7 @@ import {
|
|
|
7739
7787
|
} from "react";
|
|
7740
7788
|
|
|
7741
7789
|
// ../../components/ShowMore/ShowMore.module.css
|
|
7742
|
-
var ShowMore_default = {"root":"opus_dSk-ve_root","
|
|
7790
|
+
var ShowMore_default = {"root":"opus_dSk-ve_root","toggle":"opus_dSk-ve_toggle","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn","contentShell":"opus_dSk-ve_contentShell","toggleLabel":"opus_dSk-ve_toggleLabel","chevron":"opus_dSk-ve_chevron","inner":"opus_dSk-ve_inner"};
|
|
7743
7791
|
|
|
7744
7792
|
// ../../components/ShowMore/ShowMore.tsx
|
|
7745
7793
|
import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
@@ -7843,7 +7891,7 @@ function ShowMore({
|
|
|
7843
7891
|
}
|
|
7844
7892
|
|
|
7845
7893
|
// ../../components/Toast/Toast.module.css
|
|
7846
|
-
var Toast_default = {"
|
|
7894
|
+
var Toast_default = {"icon":"opus_cklQPW_icon","progressTrack":"opus_cklQPW_progressTrack","toastProgress":"opus_cklQPW_toastProgress","dismissIcon":"opus_cklQPW_dismissIcon","toast":"opus_cklQPW_toast","iconSvg":"opus_cklQPW_iconSvg","progressBar":"opus_cklQPW_progressBar","description":"opus_cklQPW_description","body":"opus_cklQPW_body","iconMark":"opus_cklQPW_iconMark","dismiss":"opus_cklQPW_dismiss","main":"opus_cklQPW_main","title":"opus_cklQPW_title","content":"opus_cklQPW_content"};
|
|
7847
7895
|
|
|
7848
7896
|
// ../../components/Toast/Toast.tsx
|
|
7849
7897
|
import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
@@ -7923,7 +7971,7 @@ import {
|
|
|
7923
7971
|
} from "react";
|
|
7924
7972
|
|
|
7925
7973
|
// ../../components/ToastProvider/ToastProvider.module.css
|
|
7926
|
-
var ToastProvider_default = {"
|
|
7974
|
+
var ToastProvider_default = {"viewport":"opus_z3pSp7_viewport","itemClip":"opus_z3pSp7_itemClip","itemSurface":"opus_z3pSp7_itemSurface","item":"opus_z3pSp7_item","viewportRight":"opus_z3pSp7_viewportRight","itemBackdrop":"opus_z3pSp7_itemBackdrop","viewportBottom":"opus_z3pSp7_viewportBottom","viewportTop":"opus_z3pSp7_viewportTop","viewportLeft":"opus_z3pSp7_viewportLeft"};
|
|
7927
7975
|
|
|
7928
7976
|
// ../../components/ToastProvider/ToastProvider.tsx
|
|
7929
7977
|
import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
@@ -8317,7 +8365,7 @@ function TabActiveLine({ className, orientation = "horizontal", style }) {
|
|
|
8317
8365
|
}
|
|
8318
8366
|
|
|
8319
8367
|
// ../../components/Tabs/Tabs.module.css
|
|
8320
|
-
var Tabs_default = {"
|
|
8368
|
+
var Tabs_default = {"header":"opus_ADVJmy_header","movingActiveLine":"opus_ADVJmy_movingActiveLine","previousButton":"opus_ADVJmy_previousButton","trailing":"opus_ADVJmy_trailing","cardTabLine":"opus_ADVJmy_cardTabLine","scrollButton":"opus_ADVJmy_scrollButton","panel":"opus_ADVJmy_panel","nextButton":"opus_ADVJmy_nextButton","panelContent":"opus_ADVJmy_panelContent","tabShape":"opus_ADVJmy_tabShape","tab":"opus_ADVJmy_tab","root":"opus_ADVJmy_root","tabLabel":"opus_ADVJmy_tabLabel","list":"opus_ADVJmy_list","cardMovingActiveLine":"opus_ADVJmy_cardMovingActiveLine","containedMovingActiveLine":"opus_ADVJmy_containedMovingActiveLine","listViewport":"opus_ADVJmy_listViewport"};
|
|
8321
8369
|
|
|
8322
8370
|
// ../../components/Tabs/Tabs.tsx
|
|
8323
8371
|
import { Fragment as Fragment9, jsx as jsx53, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
@@ -8664,7 +8712,7 @@ function Tabs({
|
|
|
8664
8712
|
}
|
|
8665
8713
|
|
|
8666
8714
|
// ../../components/Card/Card.module.css
|
|
8667
|
-
var Card_default = {"
|
|
8715
|
+
var Card_default = {"footerContent":"opus_qWo1sP_footerContent","footer":"opus_qWo1sP_footer","eyebrow":"opus_qWo1sP_eyebrow","actions":"opus_qWo1sP_actions","body":"opus_qWo1sP_body","heading":"opus_qWo1sP_heading","title":"opus_qWo1sP_title","content":"opus_qWo1sP_content","card":"opus_qWo1sP_card","media":"opus_qWo1sP_media"};
|
|
8668
8716
|
|
|
8669
8717
|
// ../../components/Card/Card.tsx
|
|
8670
8718
|
import { jsx as jsx54, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
@@ -8695,7 +8743,7 @@ function Card({
|
|
|
8695
8743
|
}
|
|
8696
8744
|
|
|
8697
8745
|
// ../../components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css
|
|
8698
|
-
var dashboardMetricCardLayout_default = {"
|
|
8746
|
+
var dashboardMetricCardLayout_default = {"metaPlaceholder":"opus_6_sptY_metaPlaceholder","value":"opus_6_sptY_value","label":"opus_6_sptY_label","metaSlot":"opus_6_sptY_metaSlot","header":"opus_6_sptY_header","iconPlaceholder":"opus_6_sptY_iconPlaceholder","iconSlot":"opus_6_sptY_iconSlot","shell":"opus_6_sptY_shell"};
|
|
8699
8747
|
|
|
8700
8748
|
// ../../components/StatCard/StatCard.module.css
|
|
8701
8749
|
var StatCard_default = {"change":"opus_KIXsQY_change"};
|
|
@@ -8725,7 +8773,7 @@ function StatCard({
|
|
|
8725
8773
|
}
|
|
8726
8774
|
|
|
8727
8775
|
// ../../components/Gauge/Gauge.module.css
|
|
8728
|
-
var Gauge_default = {"
|
|
8776
|
+
var Gauge_default = {"gaugeValue":"opus_t6IuQe_gaugeValue","change":"opus_t6IuQe_change","title":"opus_t6IuQe_title","footerLabel":"opus_t6IuQe_footerLabel","gaugeSvg":"opus_t6IuQe_gaugeSvg","footerItem":"opus_t6IuQe_footerItem","footerTrend":"opus_t6IuQe_footerTrend","header":"opus_t6IuQe_header","footer":"opus_t6IuQe_footer","footerValue":"opus_t6IuQe_footerValue","summary":"opus_t6IuQe_summary","gauge":"opus_t6IuQe_gauge","body":"opus_t6IuQe_body","gaugeSlot":"opus_t6IuQe_gaugeSlot","gaugeCenter":"opus_t6IuQe_gaugeCenter","heading":"opus_t6IuQe_heading","subtitle":"opus_t6IuQe_subtitle","widget":"opus_t6IuQe_widget","gaugeTrack":"opus_t6IuQe_gaugeTrack"};
|
|
8729
8777
|
|
|
8730
8778
|
// ../../components/Gauge/Gauge.tsx
|
|
8731
8779
|
import { jsx as jsx56, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
@@ -8859,7 +8907,7 @@ function Gauge({
|
|
|
8859
8907
|
import { useId as useId17 } from "react";
|
|
8860
8908
|
|
|
8861
8909
|
// ../../components/Sparkline/Sparkline.module.css
|
|
8862
|
-
var Sparkline_default = {"
|
|
8910
|
+
var Sparkline_default = {"chart":"opus_xXtB87_chart","area":"opus_xXtB87_area","label":"opus_xXtB87_label","svg":"opus_xXtB87_svg","sparkline":"opus_xXtB87_sparkline","line":"opus_xXtB87_line","endPoint":"opus_xXtB87_endPoint"};
|
|
8863
8911
|
|
|
8864
8912
|
// ../../components/Sparkline/Sparkline.tsx
|
|
8865
8913
|
import { jsx as jsx57, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
@@ -8926,7 +8974,7 @@ function Sparkline({
|
|
|
8926
8974
|
}
|
|
8927
8975
|
|
|
8928
8976
|
// ../../components/ProgressRing/ProgressRing.module.css
|
|
8929
|
-
var ProgressRing_default = {"
|
|
8977
|
+
var ProgressRing_default = {"track":"opus_YxX6Hh_track","svg":"opus_YxX6Hh_svg","value":"opus_YxX6Hh_value","center":"opus_YxX6Hh_center","ring":"opus_YxX6Hh_ring"};
|
|
8930
8978
|
|
|
8931
8979
|
// ../../components/ProgressRing/ProgressRing.tsx
|
|
8932
8980
|
import { jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
@@ -8959,7 +9007,7 @@ function ProgressRing({ label, max = 100, value }) {
|
|
|
8959
9007
|
}
|
|
8960
9008
|
|
|
8961
9009
|
// ../../components/ProgressBar/ProgressBar.module.css
|
|
8962
|
-
var ProgressBar_default = {"
|
|
9010
|
+
var ProgressBar_default = {"value":"opus_q04AvA_value","bar":"opus_q04AvA_bar","header":"opus_q04AvA_header","label":"opus_q04AvA_label","track":"opus_q04AvA_track","fill":"opus_q04AvA_fill"};
|
|
8963
9011
|
|
|
8964
9012
|
// ../../components/ProgressBar/ProgressBar.tsx
|
|
8965
9013
|
import { jsx as jsx59, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
@@ -8979,7 +9027,7 @@ function ProgressBar({ label, max = 100, value }) {
|
|
|
8979
9027
|
}
|
|
8980
9028
|
|
|
8981
9029
|
// ../../components/Speedometer/Speedometer.module.css
|
|
8982
|
-
var Speedometer_default = {"center":"opus__jpB7z_center","speedometer":"opus__jpB7z_speedometer","value":"opus__jpB7z_value","
|
|
9030
|
+
var Speedometer_default = {"center":"opus__jpB7z_center","speedometer":"opus__jpB7z_speedometer","value":"opus__jpB7z_value","svg":"opus__jpB7z_svg","hub":"opus__jpB7z_hub","track":"opus__jpB7z_track","needle":"opus__jpB7z_needle"};
|
|
8983
9031
|
|
|
8984
9032
|
// ../../components/Speedometer/Speedometer.tsx
|
|
8985
9033
|
import { jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
@@ -9012,7 +9060,7 @@ function Speedometer({ label, max = 100, value }) {
|
|
|
9012
9060
|
}
|
|
9013
9061
|
|
|
9014
9062
|
// ../../components/MetricTile/MetricTile.module.css
|
|
9015
|
-
var MetricTile_default = {"
|
|
9063
|
+
var MetricTile_default = {"sparklineSlot":"opus_-dz9KL_sparklineSlot","tile":"opus_-dz9KL_tile","topRow":"opus_-dz9KL_topRow"};
|
|
9016
9064
|
|
|
9017
9065
|
// ../../components/MetricTile/MetricTile.tsx
|
|
9018
9066
|
import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
@@ -9033,7 +9081,7 @@ import { useEffect as useEffect25, useId as useId18, useRef as useRef25, useStat
|
|
|
9033
9081
|
import "maplibre-gl/dist/maplibre-gl.css";
|
|
9034
9082
|
|
|
9035
9083
|
// ../../components/Map/Map.module.css
|
|
9036
|
-
var Map_default = {"
|
|
9084
|
+
var Map_default = {"mapFrame":"opus_srL77d_mapFrame","map":"opus_srL77d_map","searchResults":"opus_srL77d_searchResults","shell":"opus_srL77d_shell","hotspots":"opus_srL77d_hotspots","content":"opus_srL77d_content","search":"opus_srL77d_search","coordinates":"opus_srL77d_coordinates","address":"opus_srL77d_address","hotspotDot":"opus_srL77d_hotspotDot","atmosphere":"opus_srL77d_atmosphere","marker":"opus_srL77d_marker","popupContent":"opus_srL77d_popupContent","searchStatus":"opus_srL77d_searchStatus"};
|
|
9037
9085
|
|
|
9038
9086
|
// ../../components/Map/Map.tsx
|
|
9039
9087
|
import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
@@ -9506,7 +9554,7 @@ function TrendBadge({ direction, value }) {
|
|
|
9506
9554
|
import { useMemo as useMemo16, useState as useState33 } from "react";
|
|
9507
9555
|
|
|
9508
9556
|
// ../../components/Badge/Badge.module.css
|
|
9509
|
-
var Badge_default = {"
|
|
9557
|
+
var Badge_default = {"badge":"opus_1GJHzl_badge","dot":"opus_1GJHzl_dot"};
|
|
9510
9558
|
|
|
9511
9559
|
// ../../components/Badge/Badge.tsx
|
|
9512
9560
|
import { jsx as jsx64, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
@@ -9563,7 +9611,7 @@ function DashboardContentContainer({
|
|
|
9563
9611
|
import { useMemo as useMemo15, useState as useState32 } from "react";
|
|
9564
9612
|
|
|
9565
9613
|
// ../../components/TreeMenu/TreeMenu.module.css
|
|
9566
|
-
var TreeMenu_default = {"
|
|
9614
|
+
var TreeMenu_default = {"row":"opus_RUNNkf_row","item":"opus_RUNNkf_item","tree":"opus_RUNNkf_tree","label":"opus_RUNNkf_label","toggle":"opus_RUNNkf_toggle","node":"opus_RUNNkf_node","children":"opus_RUNNkf_children","meta":"opus_RUNNkf_meta","icon":"opus_RUNNkf_icon"};
|
|
9567
9615
|
|
|
9568
9616
|
// ../../components/TreeMenu/TreeMenu.tsx
|
|
9569
9617
|
import { jsx as jsx66, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
@@ -9699,7 +9747,7 @@ function TreeMenu({
|
|
|
9699
9747
|
}
|
|
9700
9748
|
|
|
9701
9749
|
// ../../components/CrmWorkspaceLab/CrmWorkspaceLab.module.css
|
|
9702
|
-
var CrmWorkspaceLab_default = {"
|
|
9750
|
+
var CrmWorkspaceLab_default = {"timelineTime":"opus_7Zs_d5_timelineTime","rowActionOverlay":"opus_7Zs_d5_rowActionOverlay","feed":"opus_7Zs_d5_feed","boardColumn":"opus_7Zs_d5_boardColumn","feedBody":"opus_7Zs_d5_feedBody","timelineBody":"opus_7Zs_d5_timelineBody","docColumns":"opus_7Zs_d5_docColumns","docToolbar":"opus_7Zs_d5_docToolbar","documents":"opus_7Zs_d5_documents","docViewOptions":"opus_7Zs_d5_docViewOptions","toolbar":"opus_7Zs_d5_toolbar","meta":"opus_7Zs_d5_meta","catalogueTitleRow":"opus_7Zs_d5_catalogueTitleRow","timelineItem":"opus_7Zs_d5_timelineItem","boardCards":"opus_7Zs_d5_boardCards","breadcrumb":"opus_7Zs_d5_breadcrumb","feedItem":"opus_7Zs_d5_feedItem","timelineCard":"opus_7Zs_d5_timelineCard","settingsIcon":"opus_7Zs_d5_settingsIcon","docColumnHeading":"opus_7Zs_d5_docColumnHeading","headingIcon":"opus_7Zs_d5_headingIcon","row":"opus_7Zs_d5_row","docTreeHeading":"opus_7Zs_d5_docTreeHeading","openChevron":"opus_7Zs_d5_openChevron","timeline":"opus_7Zs_d5_timeline","settingsRow":"opus_7Zs_d5_settingsRow","docViewButton":"opus_7Zs_d5_docViewButton","docCardHeader":"opus_7Zs_d5_docCardHeader","tableHead":"opus_7Zs_d5_tableHead","docCardIcon":"opus_7Zs_d5_docCardIcon","docBrowser":"opus_7Zs_d5_docBrowser","root":"opus_7Zs_d5_root","resultCount":"opus_7Zs_d5_resultCount","docColumn":"opus_7Zs_d5_docColumn","feedBadge":"opus_7Zs_d5_feedBadge","docToolbarControls":"opus_7Zs_d5_docToolbarControls","docListHeading":"opus_7Zs_d5_docListHeading","price":"opus_7Zs_d5_price","heading":"opus_7Zs_d5_heading","feedTitleRow":"opus_7Zs_d5_feedTitleRow","docCard":"opus_7Zs_d5_docCard","board":"opus_7Zs_d5_board","boardCard":"opus_7Zs_d5_boardCard","identity":"opus_7Zs_d5_identity","feedIcon":"opus_7Zs_d5_feedIcon","headerAction":"opus_7Zs_d5_headerAction","docListRow":"opus_7Zs_d5_docListRow","settings":"opus_7Zs_d5_settings","docGrid":"opus_7Zs_d5_docGrid","timelineTitleRow":"opus_7Zs_d5_timelineTitleRow","docEmpty":"opus_7Zs_d5_docEmpty","docList":"opus_7Zs_d5_docList","boardCardHeader":"opus_7Zs_d5_boardCardHeader","timelineIcon":"opus_7Zs_d5_timelineIcon","catalogueBody":"opus_7Zs_d5_catalogueBody","actionRow":"opus_7Zs_d5_actionRow","docColumnItem":"opus_7Zs_d5_docColumnItem","catalogueCard":"opus_7Zs_d5_catalogueCard","catalogueIcon":"opus_7Zs_d5_catalogueIcon","docTreeItem":"opus_7Zs_d5_docTreeItem","settingsBody":"opus_7Zs_d5_settingsBody","docColumnEmpty":"opus_7Zs_d5_docColumnEmpty","docTree":"opus_7Zs_d5_docTree","header":"opus_7Zs_d5_header","table":"opus_7Zs_d5_table","catalogue":"opus_7Zs_d5_catalogue","rowIcon":"opus_7Zs_d5_rowIcon","docListName":"opus_7Zs_d5_docListName"};
|
|
9703
9751
|
|
|
9704
9752
|
// ../../components/CrmWorkspaceLab/CrmWorkspaceLab.tsx
|
|
9705
9753
|
import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
@@ -10498,7 +10546,7 @@ function CrmWorkspaceLab({ variant, onAction }) {
|
|
|
10498
10546
|
import { useRef as useRef26 } from "react";
|
|
10499
10547
|
|
|
10500
10548
|
// ../../components/fields/OtpField/OtpField.module.css
|
|
10501
|
-
var OtpField_default = {"
|
|
10549
|
+
var OtpField_default = {"input":"opus_7RMR7r_input","inputs":"opus_7RMR7r_inputs"};
|
|
10502
10550
|
|
|
10503
10551
|
// ../../components/fields/OtpField/OtpField.tsx
|
|
10504
10552
|
import { jsx as jsx68 } from "react/jsx-runtime";
|
|
@@ -10572,7 +10620,7 @@ function OtpField({ error, help, id, label, labelPosition = "left", length = 6,
|
|
|
10572
10620
|
import { useId as useId19, useRef as useRef27 } from "react";
|
|
10573
10621
|
|
|
10574
10622
|
// ../../components/fields/AdvancedFields/AdvancedFields.module.css
|
|
10575
|
-
var AdvancedFields_default = {"
|
|
10623
|
+
var AdvancedFields_default = {"formSection":"opus_ymQ4nN_formSection","fileList":"opus_ymQ4nN_fileList","actions":"opus_ymQ4nN_actions","hidden":"opus_ymQ4nN_hidden","bareInput":"opus_ymQ4nN_bareInput","form":"opus_ymQ4nN_form","checkGroup":"opus_ymQ4nN_checkGroup","rangeGrid":"opus_ymQ4nN_rangeGrid","summary":"opus_ymQ4nN_summary","drop":"opus_ymQ4nN_drop","affixed":"opus_ymQ4nN_affixed","input":"opus_ymQ4nN_input"};
|
|
10576
10624
|
|
|
10577
10625
|
// ../../components/fields/AdvancedFields/AdvancedFields.tsx
|
|
10578
10626
|
import { jsx as jsx69, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
@@ -10661,7 +10709,7 @@ function FormActions({ children }) {
|
|
|
10661
10709
|
}
|
|
10662
10710
|
|
|
10663
10711
|
// ../../components/Panel/Panel.module.css
|
|
10664
|
-
var Panel_default = {"
|
|
10712
|
+
var Panel_default = {"header":"opus_JZHUc__header","panel":"opus_JZHUc__panel","body":"opus_JZHUc__body","description":"opus_JZHUc__description","footer":"opus_JZHUc__footer","title":"opus_JZHUc__title","headerActions":"opus_JZHUc__headerActions","heading":"opus_JZHUc__heading"};
|
|
10665
10713
|
|
|
10666
10714
|
// ../../components/Panel/Panel.tsx
|
|
10667
10715
|
import { jsx as jsx70, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
@@ -10856,7 +10904,7 @@ function resolveSectionGapVars(gap = "md") {
|
|
|
10856
10904
|
}
|
|
10857
10905
|
|
|
10858
10906
|
// ../../components/Section/Section.module.css
|
|
10859
|
-
var Section_default = {"
|
|
10907
|
+
var Section_default = {"section":"opus_FajZiH_section","body":"opus_FajZiH_body","row":"opus_FajZiH_row","header":"opus_FajZiH_header","column":"opus_FajZiH_column","description":"opus_FajZiH_description","title":"opus_FajZiH_title"};
|
|
10860
10908
|
|
|
10861
10909
|
// ../../components/Section/Section.tsx
|
|
10862
10910
|
import { jsx as jsx71, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
@@ -10937,7 +10985,7 @@ var Section = Object.assign(SectionRoot, {
|
|
|
10937
10985
|
});
|
|
10938
10986
|
|
|
10939
10987
|
// ../../components/Table/Table.module.css
|
|
10940
|
-
var Table_default = {"visuallyHidden":"opus_2q7S14_visuallyHidden","
|
|
10988
|
+
var Table_default = {"visuallyHidden":"opus_2q7S14_visuallyHidden","table":"opus_2q7S14_table","caption":"opus_2q7S14_caption","empty":"opus_2q7S14_empty","wrap":"opus_2q7S14_wrap"};
|
|
10941
10989
|
|
|
10942
10990
|
// ../../components/Table/Table.tsx
|
|
10943
10991
|
import { jsx as jsx72, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
@@ -11168,7 +11216,7 @@ function buildPivotGrid(sourceRows, config2) {
|
|
|
11168
11216
|
}
|
|
11169
11217
|
|
|
11170
11218
|
// ../../components/DataGrid/DataGrid.module.css
|
|
11171
|
-
var DataGrid_default = {"
|
|
11219
|
+
var DataGrid_default = {"gridBody":"opus_zN0bNb_gridBody","groupCount":"opus_zN0bNb_groupCount","menuAction":"opus_zN0bNb_menuAction","rowHeader":"opus_zN0bNb_rowHeader","menuHost":"opus_zN0bNb_menuHost","sortButtonLabel":"opus_zN0bNb_sortButtonLabel","menuChevron":"opus_zN0bNb_menuChevron","visuallyHidden":"opus_zN0bNb_visuallyHidden","expandSpacer":"opus_zN0bNb_expandSpacer","detailCell":"opus_zN0bNb_detailCell","corner":"opus_zN0bNb_corner","empty":"opus_zN0bNb_empty","wrap":"opus_zN0bNb_wrap","headerControls":"opus_zN0bNb_headerControls","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","headerMenu":"opus_zN0bNb_headerMenu","frame":"opus_zN0bNb_frame","sortIndicator":"opus_zN0bNb_sortIndicator","menuButton":"opus_zN0bNb_menuButton","sortButton":"opus_zN0bNb_sortButton","groupButton":"opus_zN0bNb_groupButton","detailRow":"opus_zN0bNb_detailRow","caption":"opus_zN0bNb_caption","headerLabel":"opus_zN0bNb_headerLabel","headerCell":"opus_zN0bNb_headerCell","menuLabel":"opus_zN0bNb_menuLabel","menuFilterIcon":"opus_zN0bNb_menuFilterIcon","rowHeaderLabel":"opus_zN0bNb_rowHeaderLabel","filterInput":"opus_zN0bNb_filterInput","chevron":"opus_zN0bNb_chevron","grid":"opus_zN0bNb_grid","rowHeaderInner":"opus_zN0bNb_rowHeaderInner","groupCell":"opus_zN0bNb_groupCell","infiniteFooter":"opus_zN0bNb_infiniteFooter","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","expandButton":"opus_zN0bNb_expandButton","menuSection":"opus_zN0bNb_menuSection","groupRow":"opus_zN0bNb_groupRow","spacerRow":"opus_zN0bNb_spacerRow"};
|
|
11172
11220
|
|
|
11173
11221
|
// ../../components/DataGrid/DataGrid.tsx
|
|
11174
11222
|
import { jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
@@ -14734,7 +14782,7 @@ function SpecializedChart(props) {
|
|
|
14734
14782
|
}
|
|
14735
14783
|
|
|
14736
14784
|
// ../../components/Chart/Chart.module.css
|
|
14737
|
-
var Chart_default = {"
|
|
14785
|
+
var Chart_default = {"radarArea":"opus_L6guCK_radarArea","sankeyLink":"opus_L6guCK_sankeyLink","seriesA":"opus_L6guCK_seriesA","graphNode":"opus_L6guCK_graphNode","slice":"opus_L6guCK_slice","land":"opus_L6guCK_land","seriesD":"opus_L6guCK_seriesD","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","graphNodeRing":"opus_L6guCK_graphNodeRing","legend":"opus_L6guCK_legend","mapLand":"opus_L6guCK_mapLand","grid":"opus_L6guCK_grid","funnel":"opus_L6guCK_funnel","graphLabel":"opus_L6guCK_graphLabel","bar":"opus_L6guCK_bar","seriesE":"opus_L6guCK_seriesE","seriesC":"opus_L6guCK_seriesC","wick":"opus_L6guCK_wick","graphLink":"opus_L6guCK_graphLink","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","funnelText":"opus_L6guCK_funnelText","svg":"opus_L6guCK_svg","meta":"opus_L6guCK_meta","radarGrid":"opus_L6guCK_radarGrid","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","sankeySideLabel":"opus_L6guCK_sankeySideLabel","axisTitle":"opus_L6guCK_axisTitle","mapValue":"opus_L6guCK_mapValue","seriesF":"opus_L6guCK_seriesF","title":"opus_L6guCK_title","axisLabels":"opus_L6guCK_axisLabels","treemapLabel":"opus_L6guCK_treemapLabel","sankeyNode":"opus_L6guCK_sankeyNode","legendItem":"opus_L6guCK_legendItem","sankeySideName":"opus_L6guCK_sankeySideName","funnelGuide":"opus_L6guCK_funnelGuide","ridge":"opus_L6guCK_ridge","mapLabel":"opus_L6guCK_mapLabel","sankeySideValue":"opus_L6guCK_sankeySideValue","violin":"opus_L6guCK_violin","axes":"opus_L6guCK_axes","line":"opus_L6guCK_line","axisLine":"opus_L6guCK_axisLine","legendSwatch":"opus_L6guCK_legendSwatch","graphLinkColored":"opus_L6guCK_graphLinkColored","point":"opus_L6guCK_point","chart":"opus_L6guCK_chart","packLabel":"opus_L6guCK_packLabel","link":"opus_L6guCK_link","ring":"opus_L6guCK_ring","axisTick":"opus_L6guCK_axisTick","axisGuide":"opus_L6guCK_axisGuide","seriesB":"opus_L6guCK_seriesB","area":"opus_L6guCK_area","header":"opus_L6guCK_header","mapRegion":"opus_L6guCK_mapRegion","packParent":"opus_L6guCK_packParent","valueLabel":"opus_L6guCK_valueLabel"};
|
|
14738
14786
|
|
|
14739
14787
|
// ../../components/Chart/Chart.tsx
|
|
14740
14788
|
import { Fragment as Fragment12, jsx as jsx75, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
@@ -15873,7 +15921,7 @@ function Chart({
|
|
|
15873
15921
|
}
|
|
15874
15922
|
|
|
15875
15923
|
// ../../components/Skeleton/Skeleton.module.css
|
|
15876
|
-
var Skeleton_default = {"skeleton":"opus_27r9Md_skeleton","
|
|
15924
|
+
var Skeleton_default = {"skeleton":"opus_27r9Md_skeleton","tableRow":"opus_27r9Md_tableRow","tableCell":"opus_27r9Md_tableCell","line":"opus_27r9Md_line","skeletonShimmer":"opus_27r9Md_skeletonShimmer","avatar":"opus_27r9Md_avatar","avatarContent":"opus_27r9Md_avatarContent","skeletonPulse":"opus_27r9Md_skeletonPulse","stack":"opus_27r9Md_stack","media":"opus_27r9Md_media"};
|
|
15877
15925
|
|
|
15878
15926
|
// ../../components/Skeleton/Skeleton.tsx
|
|
15879
15927
|
import { jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
@@ -15924,7 +15972,7 @@ import { faXmark as faXmark2 } from "@fortawesome/free-solid-svg-icons";
|
|
|
15924
15972
|
import { FontAwesomeIcon as FontAwesomeIcon9 } from "@fortawesome/react-fontawesome";
|
|
15925
15973
|
|
|
15926
15974
|
// ../../components/Lightbox/Lightbox.module.css
|
|
15927
|
-
var Lightbox_default = {"
|
|
15975
|
+
var Lightbox_default = {"lightbox":"opus_s7Rpyv_lightbox","overlay":"opus_s7Rpyv_overlay","panel":"opus_s7Rpyv_panel","caption":"opus_s7Rpyv_caption","closeIcon":"opus_s7Rpyv_closeIcon","image":"opus_s7Rpyv_image","close":"opus_s7Rpyv_close","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn","trigger":"opus_s7Rpyv_trigger","frame":"opus_s7Rpyv_frame","lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut"};
|
|
15928
15976
|
|
|
15929
15977
|
// ../../components/Lightbox/Lightbox.tsx
|
|
15930
15978
|
import { jsx as jsx77, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
@@ -16039,7 +16087,7 @@ function Lightbox({
|
|
|
16039
16087
|
}
|
|
16040
16088
|
|
|
16041
16089
|
// ../../components/Carousel/Carousel.module.css
|
|
16042
|
-
var Carousel_default = {"
|
|
16090
|
+
var Carousel_default = {"pip":"opus_N4occJ_pip","caption":"opus_N4occJ_caption","navIcon":"opus_N4occJ_navIcon","stage":"opus_N4occJ_stage","carousel":"opus_N4occJ_carousel","empty":"opus_N4occJ_empty","visuallyHidden":"opus_N4occJ_visuallyHidden","slide":"opus_N4occJ_slide","nav":"opus_N4occJ_nav","footer":"opus_N4occJ_footer","track":"opus_N4occJ_track","image":"opus_N4occJ_image","pips":"opus_N4occJ_pips"};
|
|
16043
16091
|
|
|
16044
16092
|
// ../../components/Carousel/Carousel.tsx
|
|
16045
16093
|
import { Fragment as Fragment13, jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
@@ -16416,7 +16464,7 @@ async function shareMedia({
|
|
|
16416
16464
|
}
|
|
16417
16465
|
|
|
16418
16466
|
// ../../components/MediaShareCastControl/MediaShareCastControl.module.css
|
|
16419
|
-
var MediaShareCastControl_default = {"
|
|
16467
|
+
var MediaShareCastControl_default = {"itemLabel":"opus_ioyYOy_itemLabel","root":"opus_ioyYOy_root","item":"opus_ioyYOy_item","itemIcon":"opus_ioyYOy_itemIcon","icon":"opus_ioyYOy_icon","itemHint":"opus_ioyYOy_itemHint","trigger":"opus_ioyYOy_trigger","menu":"opus_ioyYOy_menu"};
|
|
16420
16468
|
|
|
16421
16469
|
// ../../components/MediaShareCastControl/MediaShareCastControl.tsx
|
|
16422
16470
|
import { jsx as jsx79, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
@@ -16710,7 +16758,7 @@ function MediaShareCastControl({
|
|
|
16710
16758
|
}
|
|
16711
16759
|
|
|
16712
16760
|
// ../../components/VideoPlayer/VideoPlayer.module.css
|
|
16713
|
-
var VideoPlayer_default = {"
|
|
16761
|
+
var VideoPlayer_default = {"player":"opus_g_RHVI_player","controls":"opus_g_RHVI_controls","volume":"opus_g_RHVI_volume","title":"opus_g_RHVI_title","progressFill":"opus_g_RHVI_progressFill","titleRow":"opus_g_RHVI_titleRow","progress":"opus_g_RHVI_progress","trackCount":"opus_g_RHVI_trackCount","videoBackdrop":"opus_g_RHVI_videoBackdrop","progressThumb":"opus_g_RHVI_progressThumb","icon":"opus_g_RHVI_icon","stage":"opus_g_RHVI_stage","toolbar":"opus_g_RHVI_toolbar","iconButton":"opus_g_RHVI_iconButton","centerPlay":"opus_g_RHVI_centerPlay","time":"opus_g_RHVI_time","progressTrack":"opus_g_RHVI_progressTrack","video":"opus_g_RHVI_video","spacer":"opus_g_RHVI_spacer"};
|
|
16714
16762
|
|
|
16715
16763
|
// ../../components/VideoPlayer/VideoPlayer.tsx
|
|
16716
16764
|
import { jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
@@ -17368,7 +17416,7 @@ import {
|
|
|
17368
17416
|
import { FontAwesomeIcon as FontAwesomeIcon13 } from "@fortawesome/react-fontawesome";
|
|
17369
17417
|
|
|
17370
17418
|
// ../../components/AudioPlayer/AudioPlayer.module.css
|
|
17371
|
-
var AudioPlayer_default = {"
|
|
17419
|
+
var AudioPlayer_default = {"player":"opus_pJZZp1_player","artworkGlow":"opus_pJZZp1_artworkGlow","artworkImage":"opus_pJZZp1_artworkImage","toolbar":"opus_pJZZp1_toolbar","meta":"opus_pJZZp1_meta","trackCount":"opus_pJZZp1_trackCount","progressFill":"opus_pJZZp1_progressFill","artworkMark":"opus_pJZZp1_artworkMark","progress":"opus_pJZZp1_progress","iconButton":"opus_pJZZp1_iconButton","body":"opus_pJZZp1_body","playButton":"opus_pJZZp1_playButton","volume":"opus_pJZZp1_volume","icon":"opus_pJZZp1_icon","spacer":"opus_pJZZp1_spacer","artist":"opus_pJZZp1_artist","progressThumb":"opus_pJZZp1_progressThumb","time":"opus_pJZZp1_time","progressTrack":"opus_pJZZp1_progressTrack","title":"opus_pJZZp1_title","artwork":"opus_pJZZp1_artwork"};
|
|
17372
17420
|
|
|
17373
17421
|
// ../../components/AudioPlayer/AudioPlayer.tsx
|
|
17374
17422
|
import { Fragment as Fragment14, jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
@@ -17758,7 +17806,7 @@ function AudioPlayer({
|
|
|
17758
17806
|
}
|
|
17759
17807
|
|
|
17760
17808
|
// ../../components/ImageThumbnail/ImageThumbnail.module.css
|
|
17761
|
-
var ImageThumbnail_default = {"
|
|
17809
|
+
var ImageThumbnail_default = {"image":"opus_Gp1o-9_image","thumbnail":"opus_Gp1o-9_thumbnail","figure":"opus_Gp1o-9_figure","caption":"opus_Gp1o-9_caption"};
|
|
17762
17810
|
|
|
17763
17811
|
// ../../components/ImageThumbnail/ImageThumbnail.tsx
|
|
17764
17812
|
import { jsx as jsx82, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
@@ -17833,7 +17881,7 @@ import { createElement, useCallback as useCallback19, useEffect as useEffect34,
|
|
|
17833
17881
|
import { useEffect as useEffect33, useRef as useRef35, useState as useState41 } from "react";
|
|
17834
17882
|
|
|
17835
17883
|
// ../../components/ModelViewer/ModelViewer.module.css
|
|
17836
|
-
var ModelViewer_default = {"
|
|
17884
|
+
var ModelViewer_default = {"caption":"opus_f7gfHI_caption","model":"opus_f7gfHI_model","loading":"opus_f7gfHI_loading","viewer":"opus_f7gfHI_viewer","canvasHost":"opus_f7gfHI_canvasHost","stage":"opus_f7gfHI_stage"};
|
|
17837
17885
|
|
|
17838
17886
|
// ../../components/ModelViewer/FireBarrelModelViewer.tsx
|
|
17839
17887
|
import { jsx as jsx84, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
@@ -18051,7 +18099,7 @@ import { faXmark as faXmark3 } from "@fortawesome/free-solid-svg-icons";
|
|
|
18051
18099
|
import { FontAwesomeIcon as FontAwesomeIcon14 } from "@fortawesome/react-fontawesome";
|
|
18052
18100
|
|
|
18053
18101
|
// ../../components/ModelLightbox/ModelLightbox.module.css
|
|
18054
|
-
var ModelLightbox_default = {"
|
|
18102
|
+
var ModelLightbox_default = {"overlay":"opus_YYKGIB_overlay","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","trigger":"opus_YYKGIB_trigger","closeIcon":"opus_YYKGIB_closeIcon","lightbox":"opus_YYKGIB_lightbox","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","close":"opus_YYKGIB_close","modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn","frame":"opus_YYKGIB_frame"};
|
|
18055
18103
|
|
|
18056
18104
|
// ../../components/ModelLightbox/ModelLightbox.tsx
|
|
18057
18105
|
import { jsx as jsx86, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
@@ -18156,7 +18204,7 @@ function ModelLightbox({
|
|
|
18156
18204
|
}
|
|
18157
18205
|
|
|
18158
18206
|
// ../../components/ModelThumbnail/ModelThumbnail.module.css
|
|
18159
|
-
var ModelThumbnail_default = {"content":"opus_NkO9Yb_content","
|
|
18207
|
+
var ModelThumbnail_default = {"content":"opus_NkO9Yb_content","staticThumbnail":"opus_NkO9Yb_staticThumbnail","caption":"opus_NkO9Yb_caption"};
|
|
18160
18208
|
|
|
18161
18209
|
// ../../components/ModelThumbnail/ModelThumbnail.tsx
|
|
18162
18210
|
import { jsx as jsx87, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
@@ -18193,7 +18241,7 @@ function ModelThumbnail({
|
|
|
18193
18241
|
}
|
|
18194
18242
|
|
|
18195
18243
|
// ../../components/ModelGallery/ModelGallery.module.css
|
|
18196
|
-
var ModelGallery_default = {"
|
|
18244
|
+
var ModelGallery_default = {"gallery":"opus_8llAjm_gallery","empty":"opus_8llAjm_empty"};
|
|
18197
18245
|
|
|
18198
18246
|
// ../../components/ModelGallery/ModelGallery.tsx
|
|
18199
18247
|
import { jsx as jsx88 } from "react/jsx-runtime";
|
|
@@ -18226,7 +18274,7 @@ function ModelGallery({
|
|
|
18226
18274
|
import { useId as useId24 } from "react";
|
|
18227
18275
|
|
|
18228
18276
|
// ../../components/EmptyState/EmptyState.module.css
|
|
18229
|
-
var EmptyState_default = {"
|
|
18277
|
+
var EmptyState_default = {"title":"opus_1KckGY_title","description":"opus_1KckGY_description","actions":"opus_1KckGY_actions","iconWrap":"opus_1KckGY_iconWrap","root":"opus_1KckGY_root","copy":"opus_1KckGY_copy"};
|
|
18230
18278
|
|
|
18231
18279
|
// ../../components/EmptyState/EmptyState.tsx
|
|
18232
18280
|
import { jsx as jsx89, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
@@ -18260,7 +18308,7 @@ function EmptyState({
|
|
|
18260
18308
|
}
|
|
18261
18309
|
|
|
18262
18310
|
// ../../components/Divider/Divider.module.css
|
|
18263
|
-
var Divider_default = {"
|
|
18311
|
+
var Divider_default = {"line":"opus_ux1i0D_line","label":"opus_ux1i0D_label","labelled":"opus_ux1i0D_labelled","divider":"opus_ux1i0D_divider"};
|
|
18264
18312
|
|
|
18265
18313
|
// ../../components/Divider/Divider.tsx
|
|
18266
18314
|
import { jsx as jsx90, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
@@ -18302,7 +18350,7 @@ function Divider({
|
|
|
18302
18350
|
import { useMemo as useMemo21, useState as useState44 } from "react";
|
|
18303
18351
|
|
|
18304
18352
|
// ../../components/Avatar/Avatar.module.css
|
|
18305
|
-
var Avatar_default = {"
|
|
18353
|
+
var Avatar_default = {"image":"opus_jsRWxO_image","initials":"opus_jsRWxO_initials","avatar":"opus_jsRWxO_avatar"};
|
|
18306
18354
|
|
|
18307
18355
|
// ../../components/Avatar/Avatar.tsx
|
|
18308
18356
|
import { jsx as jsx91 } from "react/jsx-runtime";
|
|
@@ -18352,7 +18400,7 @@ function Avatar({
|
|
|
18352
18400
|
}
|
|
18353
18401
|
|
|
18354
18402
|
// ../../components/AvatarGroup/AvatarGroup.module.css
|
|
18355
|
-
var AvatarGroup_default = {"
|
|
18403
|
+
var AvatarGroup_default = {"group":"opus_Vv36ne_group","item":"opus_Vv36ne_item","overflow":"opus_Vv36ne_overflow"};
|
|
18356
18404
|
|
|
18357
18405
|
// ../../components/AvatarGroup/AvatarGroup.tsx
|
|
18358
18406
|
import { jsx as jsx92, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
@@ -18378,7 +18426,7 @@ function AvatarGroup({ items, max = 4, size = "md" }) {
|
|
|
18378
18426
|
}
|
|
18379
18427
|
|
|
18380
18428
|
// ../../components/Statistic/Statistic.module.css
|
|
18381
|
-
var Statistic_default = {"
|
|
18429
|
+
var Statistic_default = {"trend":"opus_vCN1bv_trend","value":"opus_vCN1bv_value","label":"opus_vCN1bv_label","root":"opus_vCN1bv_root","affix":"opus_vCN1bv_affix"};
|
|
18382
18430
|
|
|
18383
18431
|
// ../../components/Statistic/Statistic.tsx
|
|
18384
18432
|
import { jsx as jsx93, jsxs as jsxs76 } from "react/jsx-runtime";
|
|
@@ -18405,7 +18453,7 @@ function Statistic({
|
|
|
18405
18453
|
}
|
|
18406
18454
|
|
|
18407
18455
|
// ../../components/List/List.module.css
|
|
18408
|
-
var List_default = {"
|
|
18456
|
+
var List_default = {"meta":"opus_ys3xlo_meta","description":"opus_ys3xlo_description","item":"opus_ys3xlo_item","itemAction":"opus_ys3xlo_itemAction","body":"opus_ys3xlo_body","title":"opus_ys3xlo_title","list":"opus_ys3xlo_list","head":"opus_ys3xlo_head","icon":"opus_ys3xlo_icon"};
|
|
18409
18457
|
|
|
18410
18458
|
// ../../components/List/List.tsx
|
|
18411
18459
|
import { Fragment as Fragment15, jsx as jsx94, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
@@ -18428,7 +18476,7 @@ function List({ density = "comfortable", items, ordered = false, onItemClick })
|
|
|
18428
18476
|
}
|
|
18429
18477
|
|
|
18430
18478
|
// ../../components/DescriptionList/DescriptionList.module.css
|
|
18431
|
-
var DescriptionList_default = {"
|
|
18479
|
+
var DescriptionList_default = {"term":"opus_FY8OsC_term","list":"opus_FY8OsC_list","row":"opus_FY8OsC_row","details":"opus_FY8OsC_details"};
|
|
18432
18480
|
|
|
18433
18481
|
// ../../components/DescriptionList/DescriptionList.tsx
|
|
18434
18482
|
import { jsx as jsx95, jsxs as jsxs78 } from "react/jsx-runtime";
|
|
@@ -18446,7 +18494,7 @@ function DescriptionList({
|
|
|
18446
18494
|
import { useState as useState45 } from "react";
|
|
18447
18495
|
|
|
18448
18496
|
// ../../components/PropertyGrid/PropertyGrid.module.css
|
|
18449
|
-
var PropertyGrid_default = {"
|
|
18497
|
+
var PropertyGrid_default = {"valueCell":"opus_Bnfsue_valueCell","value":"opus_Bnfsue_value","label":"opus_Bnfsue_label","grid":"opus_Bnfsue_grid","row":"opus_Bnfsue_row","copy":"opus_Bnfsue_copy"};
|
|
18450
18498
|
|
|
18451
18499
|
// ../../components/PropertyGrid/PropertyGrid.tsx
|
|
18452
18500
|
import { jsx as jsx96, jsxs as jsxs79 } from "react/jsx-runtime";
|
|
@@ -18571,7 +18619,7 @@ function Grid2({
|
|
|
18571
18619
|
import { useCallback as useCallback21, useEffect as useEffect36, useId as useId25, useRef as useRef38, useState as useState46 } from "react";
|
|
18572
18620
|
|
|
18573
18621
|
// ../../components/ResizeHandle/ResizeHandle.module.css
|
|
18574
|
-
var ResizeHandle_default = {"
|
|
18622
|
+
var ResizeHandle_default = {"grip":"opus_PaKREB_grip","handle":"opus_PaKREB_handle","dot":"opus_PaKREB_dot"};
|
|
18575
18623
|
|
|
18576
18624
|
// ../../components/ResizeHandle/ResizeHandle.tsx
|
|
18577
18625
|
import { jsx as jsx100, jsxs as jsxs80 } from "react/jsx-runtime";
|
|
@@ -18608,7 +18656,7 @@ function ResizeHandle(_a2) {
|
|
|
18608
18656
|
}
|
|
18609
18657
|
|
|
18610
18658
|
// ../../components/Splitter/Splitter.module.css
|
|
18611
|
-
var Splitter_default = {"
|
|
18659
|
+
var Splitter_default = {"pane":"opus_Khgx9s_pane","srOnly":"opus_Khgx9s_srOnly","root":"opus_Khgx9s_root"};
|
|
18612
18660
|
|
|
18613
18661
|
// ../../components/Splitter/Splitter.tsx
|
|
18614
18662
|
import { jsx as jsx101, jsxs as jsxs81 } from "react/jsx-runtime";
|
|
@@ -18718,7 +18766,7 @@ function Splitter({
|
|
|
18718
18766
|
import { useCallback as useCallback22, useEffect as useEffect37, useRef as useRef39, useState as useState47 } from "react";
|
|
18719
18767
|
|
|
18720
18768
|
// ../../components/ResizablePanel/ResizablePanel.module.css
|
|
18721
|
-
var ResizablePanel_default = {"
|
|
18769
|
+
var ResizablePanel_default = {"handle":"opus_kVJ122_handle","root":"opus_kVJ122_root","body":"opus_kVJ122_body"};
|
|
18722
18770
|
|
|
18723
18771
|
// ../../components/ResizablePanel/ResizablePanel.tsx
|
|
18724
18772
|
import { jsx as jsx102, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
@@ -18801,7 +18849,7 @@ function ResizablePanel({
|
|
|
18801
18849
|
}
|
|
18802
18850
|
|
|
18803
18851
|
// ../../components/DockLayout/DockLayout.module.css
|
|
18804
|
-
var DockLayout_default = {"
|
|
18852
|
+
var DockLayout_default = {"root":"opus_3zzL8C_root","top":"opus_3zzL8C_top","bottom":"opus_3zzL8C_bottom","left":"opus_3zzL8C_left","center":"opus_3zzL8C_center","right":"opus_3zzL8C_right","middle":"opus_3zzL8C_middle"};
|
|
18805
18853
|
|
|
18806
18854
|
// ../../components/DockLayout/DockLayout.tsx
|
|
18807
18855
|
import { jsx as jsx103, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
@@ -18846,7 +18894,7 @@ import {
|
|
|
18846
18894
|
} from "react";
|
|
18847
18895
|
|
|
18848
18896
|
// ../../components/CustomScrollbar/CustomScrollbar.module.css
|
|
18849
|
-
var CustomScrollbar_default = {"
|
|
18897
|
+
var CustomScrollbar_default = {"viewport":"opus_I9wQcM_viewport","cornerDot":"opus_I9wQcM_cornerDot","root":"opus_I9wQcM_root","content":"opus_I9wQcM_content","track":"opus_I9wQcM_track","thumb":"opus_I9wQcM_thumb"};
|
|
18850
18898
|
|
|
18851
18899
|
// ../../components/CustomScrollbar/CustomScrollbar.tsx
|
|
18852
18900
|
import { jsx as jsx104, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
@@ -19142,7 +19190,7 @@ function CustomScrollbar({
|
|
|
19142
19190
|
}
|
|
19143
19191
|
|
|
19144
19192
|
// ../../components/ThreePaneLayout/ThreePaneLayout.module.css
|
|
19145
|
-
var ThreePaneLayout_default = {"
|
|
19193
|
+
var ThreePaneLayout_default = {"sidebar":"opus_DtnFdK_sidebar","content":"opus_DtnFdK_content","handle":"opus_DtnFdK_handle","root":"opus_DtnFdK_root"};
|
|
19146
19194
|
|
|
19147
19195
|
// ../../components/ThreePaneLayout/ThreePaneLayout.tsx
|
|
19148
19196
|
import { Fragment as Fragment16, jsx as jsx105, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
@@ -19588,7 +19636,7 @@ function Spacer({ axis = "y", className, flex = false, size = 16, style }) {
|
|
|
19588
19636
|
}
|
|
19589
19637
|
|
|
19590
19638
|
// ../../components/Breadcrumb/Breadcrumb.module.css
|
|
19591
|
-
var Breadcrumb_default = {"
|
|
19639
|
+
var Breadcrumb_default = {"separator":"opus_FwZfXe_separator","link":"opus_FwZfXe_link","root":"opus_FwZfXe_root","current":"opus_FwZfXe_current","list":"opus_FwZfXe_list","item":"opus_FwZfXe_item"};
|
|
19592
19640
|
|
|
19593
19641
|
// ../../components/Breadcrumb/Breadcrumb.tsx
|
|
19594
19642
|
import { jsx as jsx110, jsxs as jsxs86 } from "react/jsx-runtime";
|
|
@@ -19616,7 +19664,7 @@ function Breadcrumb({ ariaLabel = "Breadcrumb", items, onNavigate, separator = "
|
|
|
19616
19664
|
}
|
|
19617
19665
|
|
|
19618
19666
|
// ../../components/Pagination/Pagination.module.css
|
|
19619
|
-
var Pagination_default = {"button":"opus_VkXUKR_button","ellipsis":"opus_VkXUKR_ellipsis","
|
|
19667
|
+
var Pagination_default = {"button":"opus_VkXUKR_button","ellipsis":"opus_VkXUKR_ellipsis","active":"opus_VkXUKR_active","root":"opus_VkXUKR_root"};
|
|
19620
19668
|
|
|
19621
19669
|
// ../../components/Pagination/Pagination.tsx
|
|
19622
19670
|
import { jsx as jsx111, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
@@ -19681,7 +19729,7 @@ function Pagination({ page, pageCount, onPageChange, siblingCount = 1 }) {
|
|
|
19681
19729
|
}
|
|
19682
19730
|
|
|
19683
19731
|
// ../../components/PageHeader/PageHeader.module.css
|
|
19684
|
-
var PageHeader_default = {"
|
|
19732
|
+
var PageHeader_default = {"breadcrumbs":"opus_1pSVfU_breadcrumbs","root":"opus_1pSVfU_root","row":"opus_1pSVfU_row","title":"opus_1pSVfU_title","description":"opus_1pSVfU_description","actions":"opus_1pSVfU_actions","eyebrow":"opus_1pSVfU_eyebrow","copy":"opus_1pSVfU_copy"};
|
|
19685
19733
|
|
|
19686
19734
|
// ../../components/PageHeader/PageHeader.tsx
|
|
19687
19735
|
import { jsx as jsx112, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
@@ -19700,7 +19748,7 @@ function PageHeader({ actions, breadcrumbs, description, eyebrow, title }) {
|
|
|
19700
19748
|
}
|
|
19701
19749
|
|
|
19702
19750
|
// ../../components/Toolbar/Toolbar.module.css
|
|
19703
|
-
var Toolbar_default = {"
|
|
19751
|
+
var Toolbar_default = {"end":"opus_lO-IAD_end","root":"opus_lO-IAD_root","cluster":"opus_lO-IAD_cluster"};
|
|
19704
19752
|
|
|
19705
19753
|
// ../../components/Toolbar/Toolbar.tsx
|
|
19706
19754
|
import { jsx as jsx113, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
@@ -19722,7 +19770,7 @@ function Toolbar({ children, className, dense = false, end, label, start }) {
|
|
|
19722
19770
|
}
|
|
19723
19771
|
|
|
19724
19772
|
// ../../components/BottomNavigation/BottomNavigation.module.css
|
|
19725
|
-
var BottomNavigation_default = {"
|
|
19773
|
+
var BottomNavigation_default = {"item":"opus_Yqcmor_item","active":"opus_Yqcmor_active","root":"opus_Yqcmor_root","icon":"opus_Yqcmor_icon","label":"opus_Yqcmor_label"};
|
|
19726
19774
|
|
|
19727
19775
|
// ../../components/BottomNavigation/BottomNavigation.tsx
|
|
19728
19776
|
import { jsx as jsx114, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
@@ -19752,7 +19800,7 @@ function BottomNavigation({ items, onChange, value }) {
|
|
|
19752
19800
|
}
|
|
19753
19801
|
|
|
19754
19802
|
// ../../components/NavigationRail/NavigationRail.module.css
|
|
19755
|
-
var NavigationRail_default = {"
|
|
19803
|
+
var NavigationRail_default = {"active":"opus_E7mR15_active","root":"opus_E7mR15_root","srOnly":"opus_E7mR15_srOnly","icon":"opus_E7mR15_icon","item":"opus_E7mR15_item","label":"opus_E7mR15_label"};
|
|
19756
19804
|
|
|
19757
19805
|
// ../../components/NavigationRail/NavigationRail.tsx
|
|
19758
19806
|
import { jsx as jsx115, jsxs as jsxs91 } from "react/jsx-runtime";
|
|
@@ -19795,7 +19843,7 @@ function NavigationRail({ collapsed = false, items, onChange, value }) {
|
|
|
19795
19843
|
import { useEffect as useEffect40, useId as useId28, useRef as useRef42, useState as useState50 } from "react";
|
|
19796
19844
|
|
|
19797
19845
|
// ../../components/SplitButton/SplitButton.module.css
|
|
19798
|
-
var SplitButton_default = {"
|
|
19846
|
+
var SplitButton_default = {"menuItem":"opus_TVuiQN_menuItem","main":"opus_TVuiQN_main","menu":"opus_TVuiQN_menu","root":"opus_TVuiQN_root","caret":"opus_TVuiQN_caret"};
|
|
19799
19847
|
|
|
19800
19848
|
// ../../components/SplitButton/SplitButton.tsx
|
|
19801
19849
|
import { jsx as jsx116, jsxs as jsxs92 } from "react/jsx-runtime";
|
|
@@ -19860,7 +19908,7 @@ function SplitButton({
|
|
|
19860
19908
|
}
|
|
19861
19909
|
|
|
19862
19910
|
// ../../components/FloatingActionButton/FloatingActionButton.module.css
|
|
19863
|
-
var FloatingActionButton_default = {"
|
|
19911
|
+
var FloatingActionButton_default = {"icon":"opus_UXPLpX_icon","srOnly":"opus_UXPLpX_srOnly","label":"opus_UXPLpX_label","root":"opus_UXPLpX_root"};
|
|
19864
19912
|
|
|
19865
19913
|
// ../../components/FloatingActionButton/FloatingActionButton.tsx
|
|
19866
19914
|
import { jsx as jsx117, jsxs as jsxs93 } from "react/jsx-runtime";
|
|
@@ -20196,7 +20244,7 @@ function TileGradientDefs({ primary, secondary } = {}) {
|
|
|
20196
20244
|
}
|
|
20197
20245
|
|
|
20198
20246
|
// ../../components/Tile/Tile.module.css
|
|
20199
|
-
var Tile_default = {"
|
|
20247
|
+
var Tile_default = {"label":"opus_wypm8k_label","icon":"opus_wypm8k_icon","tile":"opus_wypm8k_tile"};
|
|
20200
20248
|
|
|
20201
20249
|
// ../../components/Tile/Tile.tsx
|
|
20202
20250
|
import { Fragment as Fragment17, jsx as jsx119, jsxs as jsxs95 } from "react/jsx-runtime";
|
|
@@ -20229,7 +20277,7 @@ function Tile({
|
|
|
20229
20277
|
}
|
|
20230
20278
|
|
|
20231
20279
|
// ../../components/Tiles/Tiles.module.css
|
|
20232
|
-
var Tiles_default = {"
|
|
20280
|
+
var Tiles_default = {"tileItem":"opus_zD82gC_tileItem","row":"opus_zD82gC_row","previousButton":"opus_zD82gC_previousButton","viewport":"opus_zD82gC_viewport","nextButton":"opus_zD82gC_nextButton","tile":"opus_zD82gC_tile","moreButton":"opus_zD82gC_moreButton"};
|
|
20233
20281
|
|
|
20234
20282
|
// ../../components/Tiles/Tiles.tsx
|
|
20235
20283
|
import { jsx as jsx120, jsxs as jsxs96 } from "react/jsx-runtime";
|
|
@@ -20307,7 +20355,7 @@ function Tiles({ className, items, layout = "fill" }) {
|
|
|
20307
20355
|
}
|
|
20308
20356
|
|
|
20309
20357
|
// ../../components/StatTile/StatTile.module.css
|
|
20310
|
-
var StatTile_default = {"
|
|
20358
|
+
var StatTile_default = {"trend":"opus_8DpwUV_trend","label":"opus_8DpwUV_label","icon":"opus_8DpwUV_icon","comparison":"opus_8DpwUV_comparison","statTile":"opus_8DpwUV_statTile","meta":"opus_8DpwUV_meta","body":"opus_8DpwUV_body","value":"opus_8DpwUV_value"};
|
|
20311
20359
|
|
|
20312
20360
|
// ../../components/StatTile/StatTile.tsx
|
|
20313
20361
|
import { Fragment as Fragment18, jsx as jsx121, jsxs as jsxs97 } from "react/jsx-runtime";
|
|
@@ -20362,7 +20410,7 @@ function StatTile({
|
|
|
20362
20410
|
import { useCallback as useCallback26, useEffect as useEffect42, useRef as useRef44, useState as useState52 } from "react";
|
|
20363
20411
|
|
|
20364
20412
|
// ../../components/StatTiles/StatTiles.module.css
|
|
20365
|
-
var StatTiles_default = {"
|
|
20413
|
+
var StatTiles_default = {"moreButton":"opus_uhJd8v_moreButton","row":"opus_uhJd8v_row","viewport":"opus_uhJd8v_viewport","nextButton":"opus_uhJd8v_nextButton","previousButton":"opus_uhJd8v_previousButton","statTile":"opus_uhJd8v_statTile","statTileItem":"opus_uhJd8v_statTileItem"};
|
|
20366
20414
|
|
|
20367
20415
|
// ../../components/StatTiles/StatTiles.tsx
|
|
20368
20416
|
import { jsx as jsx122, jsxs as jsxs98 } from "react/jsx-runtime";
|
|
@@ -20443,7 +20491,7 @@ function StatTiles({ className, items, layout = "fill" }) {
|
|
|
20443
20491
|
import { useId as useId29, useMemo as useMemo23 } from "react";
|
|
20444
20492
|
|
|
20445
20493
|
// ../../components/PipelineOverview/PipelineOverview.module.css
|
|
20446
|
-
var PipelineOverview_default = {"
|
|
20494
|
+
var PipelineOverview_default = {"legendDot":"opus_1ScjMZ_legendDot","body":"opus_1ScjMZ_body","legend":"opus_1ScjMZ_legend","legendValue":"opus_1ScjMZ_legendValue","footer":"opus_1ScjMZ_footer","period":"opus_1ScjMZ_period","funnelSvg":"opus_1ScjMZ_funnelSvg","legendItem":"opus_1ScjMZ_legendItem","totalLabel":"opus_1ScjMZ_totalLabel","periodLabel":"opus_1ScjMZ_periodLabel","periodChevron":"opus_1ScjMZ_periodChevron","funnel":"opus_1ScjMZ_funnel","totalValue":"opus_1ScjMZ_totalValue","total":"opus_1ScjMZ_total","root":"opus_1ScjMZ_root","legendCopy":"opus_1ScjMZ_legendCopy","periodSelect":"opus_1ScjMZ_periodSelect","legendLabel":"opus_1ScjMZ_legendLabel"};
|
|
20447
20495
|
|
|
20448
20496
|
// ../../components/PipelineOverview/PipelineOverview.tsx
|
|
20449
20497
|
import { jsx as jsx123, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
@@ -20790,7 +20838,7 @@ function getDealsOverTimePalette(palette, accents) {
|
|
|
20790
20838
|
}
|
|
20791
20839
|
|
|
20792
20840
|
// ../../components/DealsOverTime/DealsOverTime.module.css
|
|
20793
|
-
var DealsOverTime_default = {"
|
|
20841
|
+
var DealsOverTime_default = {"tooltipValue":"opus_Hn1LW1_tooltipValue","root":"opus_Hn1LW1_root","axisLabel":"opus_Hn1LW1_axisLabel","chartWrap":"opus_Hn1LW1_chartWrap","tooltip":"opus_Hn1LW1_tooltip","pointGlow":"opus_Hn1LW1_pointGlow","pointRing":"opus_Hn1LW1_pointRing","pointCore":"opus_Hn1LW1_pointCore","title":"opus_Hn1LW1_title","periodLabel":"opus_Hn1LW1_periodLabel","lineGlowMid":"opus_Hn1LW1_lineGlowMid","lineGlowSoft":"opus_Hn1LW1_lineGlowSoft","tooltipDate":"opus_Hn1LW1_tooltipDate","gridLine":"opus_Hn1LW1_gridLine","line":"opus_Hn1LW1_line","header":"opus_Hn1LW1_header","periodSelect":"opus_Hn1LW1_periodSelect","area":"opus_Hn1LW1_area","chart":"opus_Hn1LW1_chart","pointSolid":"opus_Hn1LW1_pointSolid","period":"opus_Hn1LW1_period","hitTarget":"opus_Hn1LW1_hitTarget"};
|
|
20794
20842
|
|
|
20795
20843
|
// ../../components/DealsOverTime/DealsOverTime.tsx
|
|
20796
20844
|
import { Fragment as Fragment19, jsx as jsx124, jsxs as jsxs100 } from "react/jsx-runtime";
|
|
@@ -21194,7 +21242,7 @@ function DealsOverTime({
|
|
|
21194
21242
|
import { useCallback as useCallback27, useState as useState54 } from "react";
|
|
21195
21243
|
|
|
21196
21244
|
// ../../components/DashboardListWidget/shared.module.css
|
|
21197
|
-
var shared_default = {"
|
|
21245
|
+
var shared_default = {"iconWrap":"opus_8R-PJ3_iconWrap","itemAction":"opus_8R-PJ3_itemAction","footerIcon":"opus_8R-PJ3_footerIcon","footer":"opus_8R-PJ3_footer","list":"opus_8R-PJ3_list","footerAction":"opus_8R-PJ3_footerAction"};
|
|
21198
21246
|
|
|
21199
21247
|
// ../../components/DashboardListWidget/DashboardListFooter.tsx
|
|
21200
21248
|
import { Fragment as Fragment20, jsx as jsx125, jsxs as jsxs101 } from "react/jsx-runtime";
|
|
@@ -21207,7 +21255,7 @@ function DashboardListFooter({ footerHref, footerLabel, onFooterClick }) {
|
|
|
21207
21255
|
}
|
|
21208
21256
|
|
|
21209
21257
|
// ../../components/UpcomingTasks/UpcomingTasks.module.css
|
|
21210
|
-
var UpcomingTasks_default = {"
|
|
21258
|
+
var UpcomingTasks_default = {"list":"opus_mFTWWU_list","title":"opus_mFTWWU_title","itemAction":"opus_mFTWWU_itemAction","itemBody":"opus_mFTWWU_itemBody","taskCheckbox":"opus_mFTWWU_taskCheckbox","copy":"opus_mFTWWU_copy","itemTitle":"opus_mFTWWU_itemTitle","header":"opus_mFTWWU_header","item":"opus_mFTWWU_item","itemSubtitle":"opus_mFTWWU_itemSubtitle","time":"opus_mFTWWU_time","root":"opus_mFTWWU_root"};
|
|
21211
21259
|
|
|
21212
21260
|
// ../../components/UpcomingTasks/UpcomingTasks.tsx
|
|
21213
21261
|
import { jsx as jsx126, jsxs as jsxs102 } from "react/jsx-runtime";
|
|
@@ -21292,7 +21340,7 @@ function UpcomingTasks({
|
|
|
21292
21340
|
}
|
|
21293
21341
|
|
|
21294
21342
|
// ../../components/RecentActivity/RecentActivity.module.css
|
|
21295
|
-
var RecentActivity_default = {"
|
|
21343
|
+
var RecentActivity_default = {"iconWrap":"opus_PR08Ax_iconWrap","itemSubtitle":"opus_PR08Ax_itemSubtitle","item":"opus_PR08Ax_item","title":"opus_PR08Ax_title","list":"opus_PR08Ax_list","time":"opus_PR08Ax_time","header":"opus_PR08Ax_header","itemAction":"opus_PR08Ax_itemAction","root":"opus_PR08Ax_root","itemTitle":"opus_PR08Ax_itemTitle","copy":"opus_PR08Ax_copy"};
|
|
21296
21344
|
|
|
21297
21345
|
// ../../components/RecentActivity/RecentActivity.tsx
|
|
21298
21346
|
import { Fragment as Fragment21, jsx as jsx127, jsxs as jsxs103 } from "react/jsx-runtime";
|
|
@@ -43091,7 +43139,7 @@ function opusThemeTokens(theme) {
|
|
|
43091
43139
|
}
|
|
43092
43140
|
|
|
43093
43141
|
// ../../components/EmojiPicker/EmojiPicker.module.css
|
|
43094
|
-
var EmojiPicker_default = {"
|
|
43142
|
+
var EmojiPicker_default = {"categoryButton":"opus__tyRxw_categoryButton","srOnly":"opus__tyRxw_srOnly","categories":"opus__tyRxw_categories","root":"opus__tyRxw_root","panel":"opus__tyRxw_panel","emojiButton":"opus__tyRxw_emojiButton","searchHint":"opus__tyRxw_searchHint","empty":"opus__tyRxw_empty","grid":"opus__tyRxw_grid","search":"opus__tyRxw_search"};
|
|
43095
43143
|
|
|
43096
43144
|
// ../../components/EmojiPicker/EmojiPicker.tsx
|
|
43097
43145
|
import { jsx as jsx128, jsxs as jsxs104 } from "react/jsx-runtime";
|
|
@@ -43369,7 +43417,7 @@ function EmojiPicker({
|
|
|
43369
43417
|
import { useEffect as useEffect45, useMemo as useMemo26, useRef as useRef47, useState as useState56 } from "react";
|
|
43370
43418
|
|
|
43371
43419
|
// ../../components/NoteTag/NoteTag.module.css
|
|
43372
|
-
var NoteTag_default = {"
|
|
43420
|
+
var NoteTag_default = {"menuHeader":"opus__ZnbtA_menuHeader","picker":"opus__ZnbtA_picker","menu":"opus__ZnbtA_menu","list":"opus__ZnbtA_list","option":"opus__ZnbtA_option","options":"opus__ZnbtA_options","removeButton":"opus__ZnbtA_removeButton","tag":"opus__ZnbtA_tag"};
|
|
43373
43421
|
|
|
43374
43422
|
// ../../components/NoteTag/NoteTag.tsx
|
|
43375
43423
|
import { jsx as jsx129, jsxs as jsxs105 } from "react/jsx-runtime";
|
|
@@ -43519,7 +43567,7 @@ function NoteTagPicker({
|
|
|
43519
43567
|
}
|
|
43520
43568
|
|
|
43521
43569
|
// ../../components/NoteComposer/NoteComposer.module.css
|
|
43522
|
-
var NoteComposer_default = {"
|
|
43570
|
+
var NoteComposer_default = {"tools":"opus_pQVlNo_tools","root":"opus_pQVlNo_root","textarea":"opus_pQVlNo_textarea","toolButton":"opus_pQVlNo_toolButton","footer":"opus_pQVlNo_footer","selectedTags":"opus_pQVlNo_selectedTags","saveButton":"opus_pQVlNo_saveButton"};
|
|
43523
43571
|
|
|
43524
43572
|
// ../../components/NoteComposer/NoteComposer.tsx
|
|
43525
43573
|
import { jsx as jsx130, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
@@ -43730,7 +43778,7 @@ import {
|
|
|
43730
43778
|
import { Fragment as Fragment22 } from "react";
|
|
43731
43779
|
|
|
43732
43780
|
// ../../components/ContentTimeline/ContentTimeline.module.css
|
|
43733
|
-
var ContentTimeline_default = {"
|
|
43781
|
+
var ContentTimeline_default = {"content":"opus_vApy-v_content","itemFooter":"opus_vApy-v_itemFooter","markerSlot":"opus_vApy-v_markerSlot","metaRow":"opus_vApy-v_metaRow","itemAction":"opus_vApy-v_itemAction","statusDot":"opus_vApy-v_statusDot","line":"opus_vApy-v_line","body":"opus_vApy-v_body","tag":"opus_vApy-v_tag","title":"opus_vApy-v_title","tags":"opus_vApy-v_tags","head":"opus_vApy-v_head","dot":"opus_vApy-v_dot","description":"opus_vApy-v_description","children":"opus_vApy-v_children","rail":"opus_vApy-v_rail","item":"opus_vApy-v_item","groupLabel":"opus_vApy-v_groupLabel","time":"opus_vApy-v_time","list":"opus_vApy-v_list"};
|
|
43734
43782
|
|
|
43735
43783
|
// ../../components/ContentTimeline/ContentTimeline.tsx
|
|
43736
43784
|
import { jsx as jsx131, jsxs as jsxs107 } from "react/jsx-runtime";
|
|
@@ -43847,7 +43895,7 @@ function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, varian
|
|
|
43847
43895
|
}
|
|
43848
43896
|
|
|
43849
43897
|
// ../../components/NotesActivity/NotesActivity.module.css
|
|
43850
|
-
var NotesActivity_default = {"
|
|
43898
|
+
var NotesActivity_default = {"notesActivityEnterFromRight":"opus_ThZ-Bi_notesActivityEnterFromRight","replyBlock":"opus_ThZ-Bi_replyBlock","tabs":"opus_ThZ-Bi_tabs","threadConnectors":"opus_ThZ-Bi_threadConnectors","tabsRow":"opus_ThZ-Bi_tabsRow","replyTools":"opus_ThZ-Bi_replyTools","replyToolButton":"opus_ThZ-Bi_replyToolButton","footerAction":"opus_ThZ-Bi_footerAction","composerPanel":"opus_ThZ-Bi_composerPanel","tab":"opus_ThZ-Bi_tab","composerBar":"opus_ThZ-Bi_composerBar","tabIcon":"opus_ThZ-Bi_tabIcon","composerClose":"opus_ThZ-Bi_composerClose","footerIcon":"opus_ThZ-Bi_footerIcon","feed":"opus_ThZ-Bi_feed","replyInput":"opus_ThZ-Bi_replyInput","notesActivityEnterFromLeft":"opus_ThZ-Bi_notesActivityEnterFromLeft","replyTags":"opus_ThZ-Bi_replyTags","composer":"opus_ThZ-Bi_composer","replyComposer":"opus_ThZ-Bi_replyComposer","root":"opus_ThZ-Bi_root","addNoteButton":"opus_ThZ-Bi_addNoteButton","threadItems":"opus_ThZ-Bi_threadItems","replyInputShell":"opus_ThZ-Bi_replyInputShell","footer":"opus_ThZ-Bi_footer"};
|
|
43851
43899
|
|
|
43852
43900
|
// ../../components/NotesActivity/NotesActivity.tsx
|
|
43853
43901
|
import { Fragment as Fragment23, jsx as jsx132, jsxs as jsxs108 } from "react/jsx-runtime";
|
|
@@ -44628,7 +44676,7 @@ function NotesActivity({
|
|
|
44628
44676
|
import { useMemo as useMemo28 } from "react";
|
|
44629
44677
|
|
|
44630
44678
|
// ../../components/TopPerformingUsers/TopPerformingUsers.module.css
|
|
44631
|
-
var TopPerformingUsers_default = {"
|
|
44679
|
+
var TopPerformingUsers_default = {"row":"opus_sYx0a6_row","list":"opus_sYx0a6_list","root":"opus_sYx0a6_root","barTrack":"opus_sYx0a6_barTrack","value":"opus_sYx0a6_value","barFill":"opus_sYx0a6_barFill","itemAction":"opus_sYx0a6_itemAction","title":"opus_sYx0a6_title","header":"opus_sYx0a6_header","name":"opus_sYx0a6_name","item":"opus_sYx0a6_item"};
|
|
44632
44680
|
|
|
44633
44681
|
// ../../components/TopPerformingUsers/TopPerformingUsers.tsx
|
|
44634
44682
|
import { Fragment as Fragment24, jsx as jsx133, jsxs as jsxs109 } from "react/jsx-runtime";
|
|
@@ -44687,7 +44735,7 @@ function TopPerformingUsers({
|
|
|
44687
44735
|
}
|
|
44688
44736
|
|
|
44689
44737
|
// ../../components/UserProfileWidget/UserProfileWidget.module.css
|
|
44690
|
-
var UserProfileWidget_default = {"
|
|
44738
|
+
var UserProfileWidget_default = {"root":"opus_zjR1aT_root","chevronButton":"opus_zjR1aT_chevronButton","role":"opus_zjR1aT_role","chevron":"opus_zjR1aT_chevron","avatarButton":"opus_zjR1aT_avatarButton","name":"opus_zjR1aT_name","copy":"opus_zjR1aT_copy"};
|
|
44691
44739
|
|
|
44692
44740
|
// ../../components/UserProfileWidget/UserProfileWidget.tsx
|
|
44693
44741
|
import { jsx as jsx134, jsxs as jsxs110 } from "react/jsx-runtime";
|
|
@@ -44855,7 +44903,7 @@ function ProfilePhotoUploadModal({
|
|
|
44855
44903
|
}
|
|
44856
44904
|
|
|
44857
44905
|
// ../../components/ImageCropUploadWidget/ImageCropUploadWidget.module.css
|
|
44858
|
-
var ImageCropUploadWidget_default = {"field":"opus_jO9vJQ_field","
|
|
44906
|
+
var ImageCropUploadWidget_default = {"field":"opus_jO9vJQ_field","title":"opus_jO9vJQ_title","root":"opus_jO9vJQ_root"};
|
|
44859
44907
|
|
|
44860
44908
|
// ../../components/ImageCropUploadWidget/ImageCropUploadWidget.tsx
|
|
44861
44909
|
import { jsx as jsx136, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
@@ -44903,7 +44951,7 @@ function ImageCropUploadWidget({
|
|
|
44903
44951
|
import { useMemo as useMemo29, useState as useState60 } from "react";
|
|
44904
44952
|
|
|
44905
44953
|
// ../../components/PropertyInspector/PropertyInspector.module.css
|
|
44906
|
-
var PropertyInspector_default = {"
|
|
44954
|
+
var PropertyInspector_default = {"group":"opus_IrN8Z8_group","groupHeader":"opus_IrN8Z8_groupHeader","root":"opus_IrN8Z8_root","search":"opus_IrN8Z8_search","row":"opus_IrN8Z8_row","valueCell":"opus_IrN8Z8_valueCell","input":"opus_IrN8Z8_input","checkbox":"opus_IrN8Z8_checkbox","searchRow":"opus_IrN8Z8_searchRow","select":"opus_IrN8Z8_select","rows":"opus_IrN8Z8_rows","label":"opus_IrN8Z8_label","value":"opus_IrN8Z8_value"};
|
|
44907
44955
|
|
|
44908
44956
|
// ../../components/PropertyInspector/PropertyInspector.tsx
|
|
44909
44957
|
import { jsx as jsx137, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
@@ -45023,7 +45071,7 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
45023
45071
|
import { useMemo as useMemo30 } from "react";
|
|
45024
45072
|
|
|
45025
45073
|
// ../../components/FilterBuilder/FilterBuilder.module.css
|
|
45026
|
-
var FilterBuilder_default = {"
|
|
45074
|
+
var FilterBuilder_default = {"row":"opus_CtJDHh_row","root":"opus_CtJDHh_root","empty":"opus_CtJDHh_empty","outputLabel":"opus_CtJDHh_outputLabel","list":"opus_CtJDHh_list","select":"opus_CtJDHh_select","input":"opus_CtJDHh_input","payload":"opus_CtJDHh_payload","valuePlaceholder":"opus_CtJDHh_valuePlaceholder","joiner":"opus_CtJDHh_joiner","output":"opus_CtJDHh_output","remove":"opus_CtJDHh_remove","title":"opus_CtJDHh_title","expression":"opus_CtJDHh_expression","header":"opus_CtJDHh_header","add":"opus_CtJDHh_add","joinerSpacer":"opus_CtJDHh_joinerSpacer"};
|
|
45027
45075
|
|
|
45028
45076
|
// ../../components/FilterBuilder/FilterBuilder.tsx
|
|
45029
45077
|
import { jsx as jsx138, jsxs as jsxs114 } from "react/jsx-runtime";
|
|
@@ -45133,7 +45181,7 @@ function FilterBuilder({ conditions, fields, onChange }) {
|
|
|
45133
45181
|
import { useMemo as useMemo31 } from "react";
|
|
45134
45182
|
|
|
45135
45183
|
// ../../components/QueryBuilder/QueryBuilder.module.css
|
|
45136
|
-
var QueryBuilder_default = {"row":"opus_b7dZwd_row","
|
|
45184
|
+
var QueryBuilder_default = {"row":"opus_b7dZwd_row","root":"opus_b7dZwd_root","selectNarrow":"opus_b7dZwd_selectNarrow","outputLabel":"opus_b7dZwd_outputLabel","combinator":"opus_b7dZwd_combinator","expression":"opus_b7dZwd_expression","output":"opus_b7dZwd_output","list":"opus_b7dZwd_list","payload":"opus_b7dZwd_payload","add":"opus_b7dZwd_add","toolbar":"opus_b7dZwd_toolbar","empty":"opus_b7dZwd_empty","input":"opus_b7dZwd_input","select":"opus_b7dZwd_select","chip":"opus_b7dZwd_chip","remove":"opus_b7dZwd_remove","chipSpacer":"opus_b7dZwd_chipSpacer"};
|
|
45137
45185
|
|
|
45138
45186
|
// ../../components/QueryBuilder/QueryBuilder.tsx
|
|
45139
45187
|
import { jsx as jsx139, jsxs as jsxs115 } from "react/jsx-runtime";
|
|
@@ -45260,7 +45308,7 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
45260
45308
|
import { useMemo as useMemo32 } from "react";
|
|
45261
45309
|
|
|
45262
45310
|
// ../../components/RuleBuilder/RuleBuilder.module.css
|
|
45263
|
-
var RuleBuilder_default = {"
|
|
45311
|
+
var RuleBuilder_default = {"output":"opus_O61tUk_output","expression":"opus_O61tUk_expression","action":"opus_O61tUk_action","select":"opus_O61tUk_select","header":"opus_O61tUk_header","input":"opus_O61tUk_input","enabled":"opus_O61tUk_enabled","add":"opus_O61tUk_add","actions":"opus_O61tUk_actions","title":"opus_O61tUk_title","list":"opus_O61tUk_list","card":"opus_O61tUk_card","outputLabel":"opus_O61tUk_outputLabel","root":"opus_O61tUk_root","payload":"opus_O61tUk_payload","subtitle":"opus_O61tUk_subtitle","cardTop":"opus_O61tUk_cardTop","name":"opus_O61tUk_name","field":"opus_O61tUk_field","priority":"opus_O61tUk_priority","empty":"opus_O61tUk_empty"};
|
|
45264
45312
|
|
|
45265
45313
|
// ../../components/RuleBuilder/RuleBuilder.tsx
|
|
45266
45314
|
import { jsx as jsx140, jsxs as jsxs116 } from "react/jsx-runtime";
|
|
@@ -45403,7 +45451,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
45403
45451
|
}
|
|
45404
45452
|
|
|
45405
45453
|
// ../../components/PermissionsMatrix/PermissionsMatrix.module.css
|
|
45406
|
-
var PermissionsMatrix_default = {"
|
|
45454
|
+
var PermissionsMatrix_default = {"select":"opus_x-xBrX_select","cell":"opus_x-xBrX_cell","corner":"opus_x-xBrX_corner","table":"opus_x-xBrX_table","scroll":"opus_x-xBrX_scroll","head":"opus_x-xBrX_head","rowHead":"opus_x-xBrX_rowHead","root":"opus_x-xBrX_root"};
|
|
45407
45455
|
|
|
45408
45456
|
// ../../components/PermissionsMatrix/PermissionsMatrix.tsx
|
|
45409
45457
|
import { jsx as jsx141, jsxs as jsxs117 } from "react/jsx-runtime";
|
|
@@ -45439,7 +45487,7 @@ function PermissionsMatrix({ onChange, permissions, resources, roles }) {
|
|
|
45439
45487
|
import { useMemo as useMemo33, useState as useState61 } from "react";
|
|
45440
45488
|
|
|
45441
45489
|
// ../../components/DualListBuilder/DualListBuilder.module.css
|
|
45442
|
-
var DualListBuilder_default = {"
|
|
45490
|
+
var DualListBuilder_default = {"columnTitle":"opus_P6crEX_columnTitle","expression":"opus_P6crEX_expression","count":"opus_P6crEX_count","payload":"opus_P6crEX_payload","item":"opus_P6crEX_item","search":"opus_P6crEX_search","columns":"opus_P6crEX_columns","controls":"opus_P6crEX_controls","root":"opus_P6crEX_root","itemActive":"opus_P6crEX_itemActive","output":"opus_P6crEX_output","outputLabel":"opus_P6crEX_outputLabel","list":"opus_P6crEX_list","column":"opus_P6crEX_column","control":"opus_P6crEX_control","searchRow":"opus_P6crEX_searchRow"};
|
|
45443
45491
|
|
|
45444
45492
|
// ../../components/DualListBuilder/DualListBuilder.tsx
|
|
45445
45493
|
import { jsx as jsx142, jsxs as jsxs118 } from "react/jsx-runtime";
|
|
@@ -45568,7 +45616,7 @@ function ListColumn2({
|
|
|
45568
45616
|
import { useMemo as useMemo34 } from "react";
|
|
45569
45617
|
|
|
45570
45618
|
// ../../components/Scheduler/Scheduler.module.css
|
|
45571
|
-
var Scheduler_default = {"
|
|
45619
|
+
var Scheduler_default = {"grid":"opus_ZqbdMc_grid","eventTime":"opus_ZqbdMc_eventTime","eventTitle":"opus_ZqbdMc_eventTitle","root":"opus_ZqbdMc_root","dayHead":"opus_ZqbdMc_dayHead","cell":"opus_ZqbdMc_cell","event":"opus_ZqbdMc_event","time":"opus_ZqbdMc_time","corner":"opus_ZqbdMc_corner"};
|
|
45572
45620
|
|
|
45573
45621
|
// ../../components/Scheduler/Scheduler.tsx
|
|
45574
45622
|
import { jsx as jsx143, jsxs as jsxs119 } from "react/jsx-runtime";
|
|
@@ -45636,7 +45684,7 @@ function formatHour(hour) {
|
|
|
45636
45684
|
import { useMemo as useMemo35, useState as useState62 } from "react";
|
|
45637
45685
|
|
|
45638
45686
|
// ../../components/KanbanBoard/KanbanBoard.module.css
|
|
45639
|
-
var KanbanBoard_default = {"
|
|
45687
|
+
var KanbanBoard_default = {"card":"opus_EUh8ei_card","columnTitle":"opus_EUh8ei_columnTitle","count":"opus_EUh8ei_count","cards":"opus_EUh8ei_cards","columnHeader":"opus_EUh8ei_columnHeader","root":"opus_EUh8ei_root","column":"opus_EUh8ei_column","cardMeta":"opus_EUh8ei_cardMeta","cardTitle":"opus_EUh8ei_cardTitle"};
|
|
45640
45688
|
|
|
45641
45689
|
// ../../components/KanbanBoard/KanbanBoard.tsx
|
|
45642
45690
|
import { Fragment as Fragment26, jsx as jsx144, jsxs as jsxs120 } from "react/jsx-runtime";
|
|
@@ -45750,7 +45798,7 @@ function sortEventsByTime(events) {
|
|
|
45750
45798
|
import { useEffect as useEffect48, useMemo as useMemo36, useState as useState63 } from "react";
|
|
45751
45799
|
|
|
45752
45800
|
// ../../components/Calendar/Calendar.module.css
|
|
45753
|
-
var Calendar_default = {"
|
|
45801
|
+
var Calendar_default = {"weekdays":"opus_IjCc5M_weekdays","yearSelect":"opus_IjCc5M_yearSelect","dayModalList":"opus_IjCc5M_dayModalList","dayModalEmpty":"opus_IjCc5M_dayModalEmpty","dayModalNotice":"opus_IjCc5M_dayModalNotice","nav":"opus_IjCc5M_nav","events":"opus_IjCc5M_events","eventLabel":"opus_IjCc5M_eventLabel","dot":"opus_IjCc5M_dot","dayModalItem":"opus_IjCc5M_dayModalItem","dayModalForm":"opus_IjCc5M_dayModalForm","dayModalItemTime":"opus_IjCc5M_dayModalItemTime","label":"opus_IjCc5M_label","event":"opus_IjCc5M_event","today":"opus_IjCc5M_today","toolbar":"opus_IjCc5M_toolbar","srOnly":"opus_IjCc5M_srOnly","empty":"opus_IjCc5M_empty","weekday":"opus_IjCc5M_weekday","monthSelect":"opus_IjCc5M_monthSelect","grid":"opus_IjCc5M_grid","dayModalHeading":"opus_IjCc5M_dayModalHeading","select":"opus_IjCc5M_select","dayModalItemTitle":"opus_IjCc5M_dayModalItemTitle","pickerField":"opus_IjCc5M_pickerField","dayModalItemBody":"opus_IjCc5M_dayModalItemBody","dayModalItemMeta":"opus_IjCc5M_dayModalItemMeta","dayNumber":"opus_IjCc5M_dayNumber","dayModalDot":"opus_IjCc5M_dayModalDot","moreEvents":"opus_IjCc5M_moreEvents","root":"opus_IjCc5M_root","picker":"opus_IjCc5M_picker","selected":"opus_IjCc5M_selected","dayModalFieldRow":"opus_IjCc5M_dayModalFieldRow","dayModal":"opus_IjCc5M_dayModal","day":"opus_IjCc5M_day","dayModalSection":"opus_IjCc5M_dayModalSection"};
|
|
45754
45802
|
|
|
45755
45803
|
// ../../components/Calendar/CalendarDayModal.tsx
|
|
45756
45804
|
import { Fragment as Fragment27, jsx as jsx145, jsxs as jsxs121 } from "react/jsx-runtime";
|
|
@@ -46077,7 +46125,7 @@ function Calendar({
|
|
|
46077
46125
|
import { useMemo as useMemo38 } from "react";
|
|
46078
46126
|
|
|
46079
46127
|
// ../../components/ResourcePlanner/ResourcePlanner.module.css
|
|
46080
|
-
var ResourcePlanner_default = {"
|
|
46128
|
+
var ResourcePlanner_default = {"track":"opus_9Mof8o_track","root":"opus_9Mof8o_root","row":"opus_9Mof8o_row","corner":"opus_9Mof8o_corner","resource":"opus_9Mof8o_resource","header":"opus_9Mof8o_header","hour":"opus_9Mof8o_hour","scroll":"opus_9Mof8o_scroll","lanes":"opus_9Mof8o_lanes","lane":"opus_9Mof8o_lane","block":"opus_9Mof8o_block"};
|
|
46081
46129
|
|
|
46082
46130
|
// ../../components/ResourcePlanner/ResourcePlanner.tsx
|
|
46083
46131
|
import { jsx as jsx147, jsxs as jsxs123 } from "react/jsx-runtime";
|
|
@@ -46152,7 +46200,7 @@ function resolveContactDetailsContact(contact, defaults) {
|
|
|
46152
46200
|
}
|
|
46153
46201
|
|
|
46154
46202
|
// ../../components/ContactDetails/ContactIdentityCard.module.css
|
|
46155
|
-
var ContactIdentityCard_default = {"
|
|
46203
|
+
var ContactIdentityCard_default = {"avatarEdit":"opus_9xh2Bk_avatarEdit","avatarWrap":"opus_9xh2Bk_avatarWrap","identity":"opus_9xh2Bk_identity","status":"opus_9xh2Bk_status","primaryMark":"opus_9xh2Bk_primaryMark","companyIcon":"opus_9xh2Bk_companyIcon","companyCopy":"opus_9xh2Bk_companyCopy","identityCard":"opus_9xh2Bk_identityCard","headline":"opus_9xh2Bk_headline","companyList":"opus_9xh2Bk_companyList"};
|
|
46156
46204
|
|
|
46157
46205
|
// ../../components/ContactDetails/ContactIdentityCard.tsx
|
|
46158
46206
|
import { jsx as jsx148, jsxs as jsxs124 } from "react/jsx-runtime";
|
|
@@ -46243,7 +46291,9 @@ import { jsx as jsx149 } from "react/jsx-runtime";
|
|
|
46243
46291
|
function MoreActionsMenu({
|
|
46244
46292
|
items,
|
|
46245
46293
|
label = "More actions",
|
|
46246
|
-
onSelect
|
|
46294
|
+
onSelect,
|
|
46295
|
+
showPointer = true,
|
|
46296
|
+
triggerGap = 8
|
|
46247
46297
|
}) {
|
|
46248
46298
|
const dropdownItems = items.map((item) => ({
|
|
46249
46299
|
destructive: item.destructive,
|
|
@@ -46266,13 +46316,15 @@ function MoreActionsMenu({
|
|
|
46266
46316
|
onSelect == null ? void 0 : onSelect(item);
|
|
46267
46317
|
},
|
|
46268
46318
|
placement: "bottom-end",
|
|
46319
|
+
showPointer,
|
|
46320
|
+
triggerGap,
|
|
46269
46321
|
trigger: /* @__PURE__ */ jsx149(Button, { "aria-label": label, className: MoreActionsMenu_default.trigger, variant: "dark", children: /* @__PURE__ */ jsx149(CatalogIcon, { iconName: "ellipsis-vertical" }) })
|
|
46270
46322
|
}
|
|
46271
46323
|
);
|
|
46272
46324
|
}
|
|
46273
46325
|
|
|
46274
46326
|
// ../../components/ContactDetails/ContactSummaryCard.module.css
|
|
46275
|
-
var ContactSummaryCard_default = {"
|
|
46327
|
+
var ContactSummaryCard_default = {"detailsGrid":"opus_8ccRnS_detailsGrid","summaryTabs":"opus_8ccRnS_summaryTabs","securityAction":"opus_8ccRnS_securityAction","statusValue":"opus_8ccRnS_statusValue","detailItem":"opus_8ccRnS_detailItem","owner":"opus_8ccRnS_owner","summaryPanel":"opus_8ccRnS_summaryPanel","detailsCard":"opus_8ccRnS_detailsCard","tags":"opus_8ccRnS_tags","securityField":"opus_8ccRnS_securityField","companies":"opus_8ccRnS_companies","companyEmployment":"opus_8ccRnS_companyEmployment","detailIcon":"opus_8ccRnS_detailIcon","detailsColumn":"opus_8ccRnS_detailsColumn"};
|
|
46276
46328
|
|
|
46277
46329
|
// ../../components/ContactDetails/ContactSummaryCard.tsx
|
|
46278
46330
|
import { jsx as jsx150, jsxs as jsxs125 } from "react/jsx-runtime";
|
|
@@ -46767,7 +46819,7 @@ import { useState as useState68 } from "react";
|
|
|
46767
46819
|
import { useMemo as useMemo40, useState as useState67 } from "react";
|
|
46768
46820
|
|
|
46769
46821
|
// ../../components/CompactDocuments/CompactDocuments.module.css
|
|
46770
|
-
var CompactDocuments_default = {"
|
|
46822
|
+
var CompactDocuments_default = {"grid":"opus_I18Pjx_grid","column":"opus_I18Pjx_column","columns":"opus_I18Pjx_columns","list":"opus_I18Pjx_list","listRow":"opus_I18Pjx_listRow","columnRow":"opus_I18Pjx_columnRow","cardTop":"opus_I18Pjx_cardTop","columnTitle":"opus_I18Pjx_columnTitle","nodeCopy":"opus_I18Pjx_nodeCopy","nodeIcon":"opus_I18Pjx_nodeIcon","empty":"opus_I18Pjx_empty","toolbar":"opus_I18Pjx_toolbar","card":"opus_I18Pjx_card","viewOptions":"opus_I18Pjx_viewOptions","breadcrumb":"opus_I18Pjx_breadcrumb","root":"opus_I18Pjx_root","controls":"opus_I18Pjx_controls","viewport":"opus_I18Pjx_viewport"};
|
|
46771
46823
|
|
|
46772
46824
|
// ../../components/CompactDocuments/CompactDocuments.tsx
|
|
46773
46825
|
import { jsx as jsx153, jsxs as jsxs127 } from "react/jsx-runtime";
|
|
@@ -46941,7 +46993,7 @@ function CompactDocuments({
|
|
|
46941
46993
|
}
|
|
46942
46994
|
|
|
46943
46995
|
// ../../components/ContactDetails/ContactNotesActivity.module.css
|
|
46944
|
-
var ContactNotesActivity_default = {"
|
|
46996
|
+
var ContactNotesActivity_default = {"scrollPanel":"opus_542jf0_scrollPanel","cardNotesPanel":"opus_542jf0_cardNotesPanel","cardNotesPanelContent":"opus_542jf0_cardNotesPanelContent","emptyPanel":"opus_542jf0_emptyPanel","tabsCardCard":"opus_542jf0_tabsCardCard","tabsCardLine":"opus_542jf0_tabsCardLine","notesActivity":"opus_542jf0_notesActivity","compactDocuments":"opus_542jf0_compactDocuments","workspaceAction":"opus_542jf0_workspaceAction","workspaceTabs":"opus_542jf0_workspaceTabs"};
|
|
46945
46997
|
|
|
46946
46998
|
// ../../components/ContactDetails/ContactNotesActivity.tsx
|
|
46947
46999
|
import { jsx as jsx154, jsxs as jsxs128 } from "react/jsx-runtime";
|
|
@@ -47193,7 +47245,7 @@ function CompanyLogoUploadModal({
|
|
|
47193
47245
|
}
|
|
47194
47246
|
|
|
47195
47247
|
// ../../components/CompanyDetails/CompanyIdentityCard.module.css
|
|
47196
|
-
var CompanyIdentityCard_default = {"
|
|
47248
|
+
var CompanyIdentityCard_default = {"companyCopy":"opus_VeicQh_companyCopy","identity":"opus_VeicQh_identity","status":"opus_VeicQh_status","companyList":"opus_VeicQh_companyList","primaryMark":"opus_VeicQh_primaryMark","logoFrame":"opus_VeicQh_logoFrame","identityCard":"opus_VeicQh_identityCard","avatarWrap":"opus_VeicQh_avatarWrap","companyIcon":"opus_VeicQh_companyIcon","logo":"opus_VeicQh_logo","avatarEdit":"opus_VeicQh_avatarEdit","headline":"opus_VeicQh_headline"};
|
|
47197
47249
|
|
|
47198
47250
|
// ../../components/CompanyDetails/CompanyIdentityCard.tsx
|
|
47199
47251
|
import { jsx as jsx156, jsxs as jsxs130 } from "react/jsx-runtime";
|
|
@@ -47292,7 +47344,7 @@ function resolveCompanyDetailsCompany(company, defaults) {
|
|
|
47292
47344
|
}
|
|
47293
47345
|
|
|
47294
47346
|
// ../../components/CompanyDetails/CompanySummaryCard.module.css
|
|
47295
|
-
var CompanySummaryCard_default = {"
|
|
47347
|
+
var CompanySummaryCard_default = {"summaryPanel":"opus_O7TkMw_summaryPanel","statusValue":"opus_O7TkMw_statusValue","detailsGrid":"opus_O7TkMw_detailsGrid","detailsColumn":"opus_O7TkMw_detailsColumn","companyEmployment":"opus_O7TkMw_companyEmployment","detailIcon":"opus_O7TkMw_detailIcon","securityAction":"opus_O7TkMw_securityAction","owner":"opus_O7TkMw_owner","detailsCard":"opus_O7TkMw_detailsCard","tags":"opus_O7TkMw_tags","detailItem":"opus_O7TkMw_detailItem","branchName":"opus_O7TkMw_branchName","securityField":"opus_O7TkMw_securityField","summaryTabs":"opus_O7TkMw_summaryTabs","companies":"opus_O7TkMw_companies","branchesEmpty":"opus_O7TkMw_branchesEmpty"};
|
|
47296
47348
|
|
|
47297
47349
|
// ../../components/CompanyDetails/CompanySummaryCard.tsx
|
|
47298
47350
|
import { jsx as jsx157, jsxs as jsxs131 } from "react/jsx-runtime";
|
|
@@ -47738,7 +47790,7 @@ function CompanyDetails({
|
|
|
47738
47790
|
import { useState as useState72 } from "react";
|
|
47739
47791
|
|
|
47740
47792
|
// ../../components/CompanyDetails/CompanyNotesActivity.module.css
|
|
47741
|
-
var CompanyNotesActivity_default = {"scrollPanel":"opus_dp6pcp_scrollPanel","notesActivity":"opus_dp6pcp_notesActivity","
|
|
47793
|
+
var CompanyNotesActivity_default = {"contactHeadline":"opus_dp6pcp_contactHeadline","scrollPanel":"opus_dp6pcp_scrollPanel","notesActivity":"opus_dp6pcp_notesActivity","tabsCardCard":"opus_dp6pcp_tabsCardCard","emptyPanel":"opus_dp6pcp_emptyPanel","cardNotesPanel":"opus_dp6pcp_cardNotesPanel","contactCopy":"opus_dp6pcp_contactCopy","contactRow":"opus_dp6pcp_contactRow","contactMeta":"opus_dp6pcp_contactMeta","workspaceTabs":"opus_dp6pcp_workspaceTabs","compactDocuments":"opus_dp6pcp_compactDocuments","contactsList":"opus_dp6pcp_contactsList","workspaceAction":"opus_dp6pcp_workspaceAction","cardNotesPanelContent":"opus_dp6pcp_cardNotesPanelContent","tabsCardLine":"opus_dp6pcp_tabsCardLine"};
|
|
47742
47794
|
|
|
47743
47795
|
// ../../components/CompanyDetails/CompanyNotesActivity.tsx
|
|
47744
47796
|
import { jsx as jsx160, jsxs as jsxs133 } from "react/jsx-runtime";
|
|
@@ -47928,7 +47980,7 @@ function CompanyNotesActivity({
|
|
|
47928
47980
|
import { useMemo as useMemo42, useState as useState73 } from "react";
|
|
47929
47981
|
|
|
47930
47982
|
// ../../components/TreeView/TreeView.module.css
|
|
47931
|
-
var TreeView_default = {"leafMark":"opus_NlkzXy_leafMark","row":"opus_NlkzXy_row","
|
|
47983
|
+
var TreeView_default = {"leafMark":"opus_NlkzXy_leafMark","row":"opus_NlkzXy_row","label":"opus_NlkzXy_label","children":"opus_NlkzXy_children","node":"opus_NlkzXy_node","tree":"opus_NlkzXy_tree","toggle":"opus_NlkzXy_toggle"};
|
|
47932
47984
|
|
|
47933
47985
|
// ../../components/TreeView/TreeView.tsx
|
|
47934
47986
|
import { jsx as jsx161, jsxs as jsxs134 } from "react/jsx-runtime";
|
|
@@ -48008,7 +48060,7 @@ function TreeView({ defaultExpandedIds, nodes }) {
|
|
|
48008
48060
|
}
|
|
48009
48061
|
|
|
48010
48062
|
// ../../components/MasonryGrid/MasonryGrid.module.css
|
|
48011
|
-
var MasonryGrid_default = {"
|
|
48063
|
+
var MasonryGrid_default = {"card":"opus_Fxxd7-_card","title":"opus_Fxxd7-_title","grid":"opus_Fxxd7-_grid","body":"opus_Fxxd7-_body"};
|
|
48012
48064
|
|
|
48013
48065
|
// ../../components/MasonryGrid/MasonryGrid.tsx
|
|
48014
48066
|
import { Fragment as Fragment30, jsx as jsx162, jsxs as jsxs135 } from "react/jsx-runtime";
|
|
@@ -48053,7 +48105,7 @@ function MasonryGrid({ columns = 3, gap = 12, items, onItemClick }) {
|
|
|
48053
48105
|
import { useMemo as useMemo43, useState as useState74 } from "react";
|
|
48054
48106
|
|
|
48055
48107
|
// ../../components/JsonViewer/JsonViewer.module.css
|
|
48056
|
-
var JsonViewer_default = {"
|
|
48108
|
+
var JsonViewer_default = {"line":"opus_uLDgXq_line","number":"opus_uLDgXq_number","children":"opus_uLDgXq_children","string":"opus_uLDgXq_string","key":"opus_uLDgXq_key","toggleLine":"opus_uLDgXq_toggleLine","block":"opus_uLDgXq_block","root":"opus_uLDgXq_root","boolean":"opus_uLDgXq_boolean","null":"opus_uLDgXq_null","summary":"opus_uLDgXq_summary","chevron":"opus_uLDgXq_chevron"};
|
|
48057
48109
|
|
|
48058
48110
|
// ../../components/JsonViewer/JsonViewer.tsx
|
|
48059
48111
|
import { jsx as jsx163, jsxs as jsxs136 } from "react/jsx-runtime";
|
|
@@ -48169,7 +48221,7 @@ function Icon({ label, name, size = "md", tone = "default" }) {
|
|
|
48169
48221
|
}
|
|
48170
48222
|
|
|
48171
48223
|
// ../../components/Spinner/Spinner.module.css
|
|
48172
|
-
var Spinner_default = {"spinner":"
|
|
48224
|
+
var Spinner_default = {"opus-spinner-rotate":"opus_g5cd4Q_opus-spinner-rotate","spinner":"opus_g5cd4Q_spinner","ring":"opus_g5cd4Q_ring"};
|
|
48173
48225
|
|
|
48174
48226
|
// ../../components/Spinner/Spinner.tsx
|
|
48175
48227
|
import { jsx as jsx165 } from "react/jsx-runtime";
|
|
@@ -48191,7 +48243,7 @@ function Spinner({ label = "Loading", size = "md", tone = "accent" }) {
|
|
|
48191
48243
|
import { useEffect as useEffect54, useState as useState75 } from "react";
|
|
48192
48244
|
|
|
48193
48245
|
// ../../components/Clock/Clock.module.css
|
|
48194
|
-
var Clock_default = {"
|
|
48246
|
+
var Clock_default = {"centreDotInner":"opus_Lj91mC_centreDotInner","secondHand":"opus_Lj91mC_secondHand","digitalTime":"opus_Lj91mC_digitalTime","date":"opus_Lj91mC_date","root":"opus_Lj91mC_root","number":"opus_Lj91mC_number","loading":"opus_Lj91mC_loading","face":"opus_Lj91mC_face","tick":"opus_Lj91mC_tick","hand":"opus_Lj91mC_hand","hourHand":"opus_Lj91mC_hourHand","minuteHand":"opus_Lj91mC_minuteHand","centreDot":"opus_Lj91mC_centreDot"};
|
|
48195
48247
|
|
|
48196
48248
|
// ../../components/Clock/Clock.tsx
|
|
48197
48249
|
import { jsx as jsx166, jsxs as jsxs137 } from "react/jsx-runtime";
|
|
@@ -48299,33 +48351,264 @@ function Clock({
|
|
|
48299
48351
|
);
|
|
48300
48352
|
}
|
|
48301
48353
|
|
|
48354
|
+
// ../../components/FlipClock/FlipClock.tsx
|
|
48355
|
+
import { useEffect as useEffect55, useLayoutEffect as useLayoutEffect14, useRef as useRef50, useState as useState76 } from "react";
|
|
48356
|
+
|
|
48357
|
+
// ../../components/FlipClock/FlipClock.module.css
|
|
48358
|
+
var FlipClock_default = {"panel":"opus_U6YEpK_panel","rotor":"opus_U6YEpK_rotor","panelTop":"opus_U6YEpK_panelTop","leafRear":"opus_U6YEpK_leafRear","pair":"opus_U6YEpK_pair","leaf":"opus_U6YEpK_leaf","loading":"opus_U6YEpK_loading","date":"opus_U6YEpK_date","root":"opus_U6YEpK_root","board":"opus_U6YEpK_board","colonPulse":"opus_U6YEpK_colonPulse","figure":"opus_U6YEpK_figure","srOnly":"opus_U6YEpK_srOnly","leafFace":"opus_U6YEpK_leafFace","separator":"opus_U6YEpK_separator","leafFront":"opus_U6YEpK_leafFront","leafFlip":"opus_U6YEpK_leafFlip","panelBottom":"opus_U6YEpK_panelBottom","probe":"opus_U6YEpK_probe","glyph":"opus_U6YEpK_glyph"};
|
|
48359
|
+
|
|
48360
|
+
// ../../components/FlipClock/FlipClock.tsx
|
|
48361
|
+
import { Fragment as Fragment31, jsx as jsx167, jsxs as jsxs138 } from "react/jsx-runtime";
|
|
48362
|
+
var FLIP_CLOCK_FRAME_RATE = 24;
|
|
48363
|
+
function frameFromDate(date) {
|
|
48364
|
+
return Math.floor(date.getMilliseconds() / (1e3 / FLIP_CLOCK_FRAME_RATE)) % FLIP_CLOCK_FRAME_RATE;
|
|
48365
|
+
}
|
|
48366
|
+
function measureInkNudge(glyph, figure) {
|
|
48367
|
+
glyph.style.transform = "none";
|
|
48368
|
+
const range2 = document.createRange();
|
|
48369
|
+
range2.selectNodeContents(glyph);
|
|
48370
|
+
const ink = range2.getBoundingClientRect();
|
|
48371
|
+
const box = figure.getBoundingClientRect();
|
|
48372
|
+
glyph.style.transform = "";
|
|
48373
|
+
if (ink.width < 1 || ink.height < 1 || box.height < 1) {
|
|
48374
|
+
return { x: 0, y: 0 };
|
|
48375
|
+
}
|
|
48376
|
+
return {
|
|
48377
|
+
x: box.left + box.width / 2 - (ink.left + ink.width / 2),
|
|
48378
|
+
y: box.top + box.height / 2 - (ink.top + ink.height / 2)
|
|
48379
|
+
};
|
|
48380
|
+
}
|
|
48381
|
+
function useFlipInkNudge(size) {
|
|
48382
|
+
const rootRef = useRef50(null);
|
|
48383
|
+
const probeGlyphRef = useRef50(null);
|
|
48384
|
+
const probeFigureRef = useRef50(null);
|
|
48385
|
+
const [nudge, setNudge] = useState76({ x: 0, y: 0 });
|
|
48386
|
+
useLayoutEffect14(() => {
|
|
48387
|
+
const root = rootRef.current;
|
|
48388
|
+
const glyph = probeGlyphRef.current;
|
|
48389
|
+
const figure = probeFigureRef.current;
|
|
48390
|
+
if (!root || !glyph || !figure) {
|
|
48391
|
+
return;
|
|
48392
|
+
}
|
|
48393
|
+
let frame = 0;
|
|
48394
|
+
const timeouts = [];
|
|
48395
|
+
const run = () => {
|
|
48396
|
+
window.cancelAnimationFrame(frame);
|
|
48397
|
+
frame = window.requestAnimationFrame(() => {
|
|
48398
|
+
const next = measureInkNudge(glyph, figure);
|
|
48399
|
+
setNudge(
|
|
48400
|
+
(prev) => Math.abs(prev.x - next.x) < 0.25 && Math.abs(prev.y - next.y) < 0.25 ? prev : next
|
|
48401
|
+
);
|
|
48402
|
+
});
|
|
48403
|
+
};
|
|
48404
|
+
const runSoon = () => {
|
|
48405
|
+
run();
|
|
48406
|
+
timeouts.push(window.setTimeout(run, 60));
|
|
48407
|
+
timeouts.push(window.setTimeout(run, 250));
|
|
48408
|
+
};
|
|
48409
|
+
runSoon();
|
|
48410
|
+
void document.fonts.ready.then(runSoon);
|
|
48411
|
+
document.fonts.addEventListener("loadingdone", runSoon);
|
|
48412
|
+
const rootObserver = new ResizeObserver(runSoon);
|
|
48413
|
+
rootObserver.observe(root);
|
|
48414
|
+
const themeObserver = new MutationObserver(runSoon);
|
|
48415
|
+
themeObserver.observe(document.documentElement, {
|
|
48416
|
+
attributes: true,
|
|
48417
|
+
attributeFilter: ["style", "class"]
|
|
48418
|
+
});
|
|
48419
|
+
return () => {
|
|
48420
|
+
window.cancelAnimationFrame(frame);
|
|
48421
|
+
timeouts.forEach((id) => window.clearTimeout(id));
|
|
48422
|
+
document.fonts.removeEventListener("loadingdone", runSoon);
|
|
48423
|
+
rootObserver.disconnect();
|
|
48424
|
+
themeObserver.disconnect();
|
|
48425
|
+
};
|
|
48426
|
+
}, [size]);
|
|
48427
|
+
return {
|
|
48428
|
+
rootRef,
|
|
48429
|
+
probeGlyphRef,
|
|
48430
|
+
probeFigureRef,
|
|
48431
|
+
inkStyle: {
|
|
48432
|
+
["--flip-ink-x"]: `${nudge.x}px`,
|
|
48433
|
+
["--flip-ink-y"]: `${nudge.y}px`
|
|
48434
|
+
}
|
|
48435
|
+
};
|
|
48436
|
+
}
|
|
48437
|
+
function FlipDigit({ durationMs, value }) {
|
|
48438
|
+
const [upper, setUpper] = useState76(value);
|
|
48439
|
+
const [lower, setLower] = useState76(value);
|
|
48440
|
+
const [from, setFrom] = useState76(value);
|
|
48441
|
+
const [to, setTo] = useState76(value);
|
|
48442
|
+
const [flipping, setFlipping] = useState76(false);
|
|
48443
|
+
const [flipKey, setFlipKey] = useState76(0);
|
|
48444
|
+
const upperRef = useRef50(value);
|
|
48445
|
+
const busyRef = useRef50(false);
|
|
48446
|
+
const pendingRef = useRef50(null);
|
|
48447
|
+
const durationRef = useRef50(durationMs);
|
|
48448
|
+
const timerRef = useRef50(0);
|
|
48449
|
+
useEffect55(() => {
|
|
48450
|
+
durationRef.current = durationMs;
|
|
48451
|
+
}, [durationMs]);
|
|
48452
|
+
useEffect55(() => {
|
|
48453
|
+
return () => window.clearTimeout(timerRef.current);
|
|
48454
|
+
}, []);
|
|
48455
|
+
useEffect55(() => {
|
|
48456
|
+
const finishFlip = (next) => {
|
|
48457
|
+
setLower(next);
|
|
48458
|
+
setFlipping(false);
|
|
48459
|
+
busyRef.current = false;
|
|
48460
|
+
const pending = pendingRef.current;
|
|
48461
|
+
pendingRef.current = null;
|
|
48462
|
+
if (pending !== null && pending !== upperRef.current) {
|
|
48463
|
+
startFlip(pending);
|
|
48464
|
+
}
|
|
48465
|
+
};
|
|
48466
|
+
const startFlip = (next) => {
|
|
48467
|
+
const previous = upperRef.current;
|
|
48468
|
+
if (next === previous) {
|
|
48469
|
+
return;
|
|
48470
|
+
}
|
|
48471
|
+
busyRef.current = true;
|
|
48472
|
+
setFrom(previous);
|
|
48473
|
+
setTo(next);
|
|
48474
|
+
setLower(previous);
|
|
48475
|
+
setUpper(next);
|
|
48476
|
+
upperRef.current = next;
|
|
48477
|
+
setFlipKey((key) => key + 1);
|
|
48478
|
+
setFlipping(true);
|
|
48479
|
+
window.clearTimeout(timerRef.current);
|
|
48480
|
+
timerRef.current = window.setTimeout(() => {
|
|
48481
|
+
finishFlip(next);
|
|
48482
|
+
}, durationRef.current);
|
|
48483
|
+
};
|
|
48484
|
+
if (value === upperRef.current) {
|
|
48485
|
+
return;
|
|
48486
|
+
}
|
|
48487
|
+
if (busyRef.current) {
|
|
48488
|
+
pendingRef.current = value;
|
|
48489
|
+
return;
|
|
48490
|
+
}
|
|
48491
|
+
startFlip(value);
|
|
48492
|
+
}, [value]);
|
|
48493
|
+
return /* @__PURE__ */ jsxs138(
|
|
48494
|
+
"div",
|
|
48495
|
+
{
|
|
48496
|
+
"aria-hidden": "true",
|
|
48497
|
+
className: FlipClock_default.rotor,
|
|
48498
|
+
"data-flipping": flipping ? "true" : "false",
|
|
48499
|
+
style: { ["--flip-duration"]: `${durationMs}ms` },
|
|
48500
|
+
children: [
|
|
48501
|
+
/* @__PURE__ */ jsx167("div", { className: `${FlipClock_default.panel} ${FlipClock_default.panelTop}`, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, children: upper }) }) }),
|
|
48502
|
+
/* @__PURE__ */ jsx167("div", { className: `${FlipClock_default.panel} ${FlipClock_default.panelBottom}`, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, children: lower }) }) }),
|
|
48503
|
+
flipping ? /* @__PURE__ */ jsxs138("div", { className: FlipClock_default.leaf, children: [
|
|
48504
|
+
/* @__PURE__ */ jsx167("div", { className: `${FlipClock_default.leafFace} ${FlipClock_default.leafFront}`, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, children: from }) }) }),
|
|
48505
|
+
/* @__PURE__ */ jsx167("div", { className: `${FlipClock_default.leafFace} ${FlipClock_default.leafRear}`, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, children: to }) }) })
|
|
48506
|
+
] }, flipKey) : null
|
|
48507
|
+
]
|
|
48508
|
+
}
|
|
48509
|
+
);
|
|
48510
|
+
}
|
|
48511
|
+
function DigitPair({ durationMs, value }) {
|
|
48512
|
+
const padded = value.padStart(2, "0");
|
|
48513
|
+
return /* @__PURE__ */ jsxs138("div", { className: FlipClock_default.pair, children: [
|
|
48514
|
+
/* @__PURE__ */ jsx167(FlipDigit, { durationMs, value: padded[0] }),
|
|
48515
|
+
/* @__PURE__ */ jsx167(FlipDigit, { durationMs, value: padded[1] })
|
|
48516
|
+
] });
|
|
48517
|
+
}
|
|
48518
|
+
function Colon() {
|
|
48519
|
+
return /* @__PURE__ */ jsxs138("span", { className: FlipClock_default.separator, "aria-hidden": "true", children: [
|
|
48520
|
+
/* @__PURE__ */ jsx167("span", {}),
|
|
48521
|
+
/* @__PURE__ */ jsx167("span", {})
|
|
48522
|
+
] });
|
|
48523
|
+
}
|
|
48524
|
+
function FlipClock({
|
|
48525
|
+
showDate = true,
|
|
48526
|
+
showSeconds = true,
|
|
48527
|
+
showFrames = false,
|
|
48528
|
+
size = "md"
|
|
48529
|
+
}) {
|
|
48530
|
+
const [time, setTime] = useState76(null);
|
|
48531
|
+
const includeSeconds = showSeconds || showFrames;
|
|
48532
|
+
const durationMs = showFrames ? 120 : 650;
|
|
48533
|
+
const tickMs = showFrames ? 1e3 / FLIP_CLOCK_FRAME_RATE : 1e3;
|
|
48534
|
+
const { rootRef, probeGlyphRef, probeFigureRef, inkStyle } = useFlipInkNudge(size);
|
|
48535
|
+
useEffect55(() => {
|
|
48536
|
+
setTime(/* @__PURE__ */ new Date());
|
|
48537
|
+
const interval = window.setInterval(() => setTime(/* @__PURE__ */ new Date()), tickMs);
|
|
48538
|
+
return () => window.clearInterval(interval);
|
|
48539
|
+
}, [tickMs]);
|
|
48540
|
+
const hours = time ? String(time.getHours()).padStart(2, "0") : "00";
|
|
48541
|
+
const minutes = time ? String(time.getMinutes()).padStart(2, "0") : "00";
|
|
48542
|
+
const seconds = time ? String(time.getSeconds()).padStart(2, "0") : "00";
|
|
48543
|
+
const frames = time ? String(frameFromDate(time)).padStart(2, "0") : "00";
|
|
48544
|
+
const digitalTime = showFrames ? `${hours}:${minutes}:${seconds}:${frames}` : includeSeconds ? `${hours}:${minutes}:${seconds}` : `${hours}:${minutes}`;
|
|
48545
|
+
const date = time ? time.toLocaleDateString("en-GB", {
|
|
48546
|
+
weekday: "long",
|
|
48547
|
+
day: "numeric",
|
|
48548
|
+
month: "long",
|
|
48549
|
+
year: "numeric"
|
|
48550
|
+
}) : "";
|
|
48551
|
+
return /* @__PURE__ */ jsxs138(
|
|
48552
|
+
"div",
|
|
48553
|
+
{
|
|
48554
|
+
"aria-live": "polite",
|
|
48555
|
+
className: FlipClock_default.root,
|
|
48556
|
+
"data-frames": showFrames ? "true" : "false",
|
|
48557
|
+
"data-seconds": includeSeconds ? "true" : "false",
|
|
48558
|
+
"data-size": size,
|
|
48559
|
+
ref: rootRef,
|
|
48560
|
+
style: inkStyle,
|
|
48561
|
+
children: [
|
|
48562
|
+
/* @__PURE__ */ jsx167("span", { className: FlipClock_default.probe, "aria-hidden": "true", children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, ref: probeFigureRef, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, ref: probeGlyphRef, children: "8" }) }) }),
|
|
48563
|
+
!time ? /* @__PURE__ */ jsx167("div", { className: FlipClock_default.loading, children: "Loading flip clock\u2026" }) : /* @__PURE__ */ jsxs138(Fragment31, { children: [
|
|
48564
|
+
/* @__PURE__ */ jsxs138("div", { className: FlipClock_default.board, role: "img", "aria-label": digitalTime, children: [
|
|
48565
|
+
/* @__PURE__ */ jsx167(DigitPair, { durationMs, value: hours }),
|
|
48566
|
+
/* @__PURE__ */ jsx167(Colon, {}),
|
|
48567
|
+
/* @__PURE__ */ jsx167(DigitPair, { durationMs, value: minutes }),
|
|
48568
|
+
includeSeconds ? /* @__PURE__ */ jsxs138(Fragment31, { children: [
|
|
48569
|
+
/* @__PURE__ */ jsx167(Colon, {}),
|
|
48570
|
+
/* @__PURE__ */ jsx167(DigitPair, { durationMs, value: seconds })
|
|
48571
|
+
] }) : null,
|
|
48572
|
+
showFrames ? /* @__PURE__ */ jsxs138(Fragment31, { children: [
|
|
48573
|
+
/* @__PURE__ */ jsx167(Colon, {}),
|
|
48574
|
+
/* @__PURE__ */ jsx167(DigitPair, { durationMs, value: frames })
|
|
48575
|
+
] }) : null
|
|
48576
|
+
] }),
|
|
48577
|
+
/* @__PURE__ */ jsx167("time", { className: FlipClock_default.srOnly, dateTime: time.toISOString(), children: digitalTime }),
|
|
48578
|
+
showDate ? /* @__PURE__ */ jsx167("div", { className: FlipClock_default.date, children: date }) : null
|
|
48579
|
+
] })
|
|
48580
|
+
]
|
|
48581
|
+
}
|
|
48582
|
+
);
|
|
48583
|
+
}
|
|
48584
|
+
|
|
48302
48585
|
// ../../components/VisuallyHidden/VisuallyHidden.module.css
|
|
48303
48586
|
var VisuallyHidden_default = {"hidden":"opus_DIv7wy_hidden"};
|
|
48304
48587
|
|
|
48305
48588
|
// ../../components/VisuallyHidden/VisuallyHidden.tsx
|
|
48306
|
-
import { jsx as
|
|
48589
|
+
import { jsx as jsx168 } from "react/jsx-runtime";
|
|
48307
48590
|
function VisuallyHidden({ as = "span", children }) {
|
|
48308
48591
|
const Tag = as;
|
|
48309
|
-
return /* @__PURE__ */
|
|
48592
|
+
return /* @__PURE__ */ jsx168(Tag, { className: VisuallyHidden_default.hidden, children });
|
|
48310
48593
|
}
|
|
48311
48594
|
|
|
48312
48595
|
// ../../components/FocusTrap/FocusTrap.tsx
|
|
48313
|
-
import { useEffect as
|
|
48596
|
+
import { useEffect as useEffect56, useRef as useRef51 } from "react";
|
|
48314
48597
|
|
|
48315
48598
|
// ../../components/FocusTrap/FocusTrap.module.css
|
|
48316
48599
|
var FocusTrap_default = {"trap":"opus_fJckCZ_trap"};
|
|
48317
48600
|
|
|
48318
48601
|
// ../../components/FocusTrap/FocusTrap.tsx
|
|
48319
|
-
import { jsx as
|
|
48602
|
+
import { jsx as jsx169 } from "react/jsx-runtime";
|
|
48320
48603
|
function FocusTrap({
|
|
48321
48604
|
active = true,
|
|
48322
48605
|
children,
|
|
48323
48606
|
initialFocusRef,
|
|
48324
48607
|
restoreFocus = true
|
|
48325
48608
|
}) {
|
|
48326
|
-
const containerRef =
|
|
48327
|
-
const previouslyFocusedRef =
|
|
48328
|
-
|
|
48609
|
+
const containerRef = useRef51(null);
|
|
48610
|
+
const previouslyFocusedRef = useRef51(null);
|
|
48611
|
+
useEffect56(() => {
|
|
48329
48612
|
if (!active) {
|
|
48330
48613
|
return;
|
|
48331
48614
|
}
|
|
@@ -48351,7 +48634,7 @@ function FocusTrap({
|
|
|
48351
48634
|
}
|
|
48352
48635
|
};
|
|
48353
48636
|
}, [active, initialFocusRef, restoreFocus]);
|
|
48354
|
-
|
|
48637
|
+
useEffect56(() => {
|
|
48355
48638
|
if (!active) {
|
|
48356
48639
|
return;
|
|
48357
48640
|
}
|
|
@@ -48386,18 +48669,18 @@ function FocusTrap({
|
|
|
48386
48669
|
document.addEventListener("keydown", onKeyDown);
|
|
48387
48670
|
return () => document.removeEventListener("keydown", onKeyDown);
|
|
48388
48671
|
}, [active]);
|
|
48389
|
-
return /* @__PURE__ */
|
|
48672
|
+
return /* @__PURE__ */ jsx169("div", { className: FocusTrap_default.trap, "data-active": active, ref: containerRef, children });
|
|
48390
48673
|
}
|
|
48391
48674
|
|
|
48392
48675
|
// ../../components/KeyboardShortcut/KeyboardShortcut.module.css
|
|
48393
|
-
var KeyboardShortcut_default = {"
|
|
48676
|
+
var KeyboardShortcut_default = {"plus":"opus_pZh5vX_plus","shortcut":"opus_pZh5vX_shortcut","key":"opus_pZh5vX_key"};
|
|
48394
48677
|
|
|
48395
48678
|
// ../../components/KeyboardShortcut/KeyboardShortcut.tsx
|
|
48396
|
-
import { jsx as
|
|
48679
|
+
import { jsx as jsx170, jsxs as jsxs139 } from "react/jsx-runtime";
|
|
48397
48680
|
function KeyboardShortcut({ keys, size = "md" }) {
|
|
48398
|
-
return /* @__PURE__ */
|
|
48399
|
-
index > 0 ? /* @__PURE__ */
|
|
48400
|
-
/* @__PURE__ */
|
|
48681
|
+
return /* @__PURE__ */ jsx170("kbd", { "aria-label": keys.join(" + "), className: KeyboardShortcut_default.shortcut, "data-size": size, children: keys.map((key, index) => /* @__PURE__ */ jsxs139("span", { children: [
|
|
48682
|
+
index > 0 ? /* @__PURE__ */ jsx170("span", { "aria-hidden": "true", className: KeyboardShortcut_default.plus, children: "+" }) : null,
|
|
48683
|
+
/* @__PURE__ */ jsx170("span", { className: KeyboardShortcut_default.key, children: key })
|
|
48401
48684
|
] }, `${key}-${index}`)) });
|
|
48402
48685
|
}
|
|
48403
48686
|
|
|
@@ -48406,12 +48689,12 @@ import {
|
|
|
48406
48689
|
createContext as createContext9,
|
|
48407
48690
|
useCallback as useCallback29,
|
|
48408
48691
|
useContext as useContext10,
|
|
48409
|
-
useEffect as
|
|
48692
|
+
useEffect as useEffect57,
|
|
48410
48693
|
useMemo as useMemo44,
|
|
48411
|
-
useRef as
|
|
48412
|
-
useState as
|
|
48694
|
+
useRef as useRef52,
|
|
48695
|
+
useState as useState77
|
|
48413
48696
|
} from "react";
|
|
48414
|
-
import { jsx as
|
|
48697
|
+
import { jsx as jsx171 } from "react/jsx-runtime";
|
|
48415
48698
|
var HotkeyManagerContext = createContext9(null);
|
|
48416
48699
|
function matchesCombo(event, combo) {
|
|
48417
48700
|
const key = event.key.length === 1 ? event.key.toLowerCase() : event.key;
|
|
@@ -48428,8 +48711,8 @@ function shortcutsEqual(a, b) {
|
|
|
48428
48711
|
});
|
|
48429
48712
|
}
|
|
48430
48713
|
function HotkeyManager({ children, enabled = true }) {
|
|
48431
|
-
const handlersRef =
|
|
48432
|
-
const [shortcuts, setShortcuts] =
|
|
48714
|
+
const handlersRef = useRef52(/* @__PURE__ */ new Map());
|
|
48715
|
+
const [shortcuts, setShortcuts] = useState77([]);
|
|
48433
48716
|
const syncShortcuts = useCallback29(() => {
|
|
48434
48717
|
const next = Array.from(handlersRef.current.values()).map((entry) => entry.combo);
|
|
48435
48718
|
setShortcuts((current) => shortcutsEqual(current, next) ? current : next);
|
|
@@ -48445,7 +48728,7 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
48445
48728
|
},
|
|
48446
48729
|
[syncShortcuts]
|
|
48447
48730
|
);
|
|
48448
|
-
|
|
48731
|
+
useEffect57(() => {
|
|
48449
48732
|
if (!enabled) {
|
|
48450
48733
|
return;
|
|
48451
48734
|
}
|
|
@@ -48471,15 +48754,15 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
48471
48754
|
return () => window.removeEventListener("keydown", onKeyDown);
|
|
48472
48755
|
}, [enabled]);
|
|
48473
48756
|
const value = useMemo44(() => ({ register, shortcuts }), [register, shortcuts]);
|
|
48474
|
-
return /* @__PURE__ */
|
|
48757
|
+
return /* @__PURE__ */ jsx171(HotkeyManagerContext.Provider, { value, children });
|
|
48475
48758
|
}
|
|
48476
48759
|
function useHotkey(combo, handler) {
|
|
48477
48760
|
const context = useContext10(HotkeyManagerContext);
|
|
48478
48761
|
const register = context == null ? void 0 : context.register;
|
|
48479
|
-
const handlerRef =
|
|
48762
|
+
const handlerRef = useRef52(handler);
|
|
48480
48763
|
handlerRef.current = handler;
|
|
48481
48764
|
const { alt, ctrl, description, enabled, id, key, meta, shift } = combo;
|
|
48482
|
-
|
|
48765
|
+
useEffect57(() => {
|
|
48483
48766
|
if (!register) {
|
|
48484
48767
|
return;
|
|
48485
48768
|
}
|
|
@@ -48500,13 +48783,13 @@ function useHotkeyManager() {
|
|
|
48500
48783
|
}
|
|
48501
48784
|
|
|
48502
48785
|
// ../../components/CopyButton/CopyButton.tsx
|
|
48503
|
-
import { useCallback as useCallback30, useEffect as
|
|
48786
|
+
import { useCallback as useCallback30, useEffect as useEffect58, useState as useState78 } from "react";
|
|
48504
48787
|
|
|
48505
48788
|
// ../../components/CopyButton/CopyButton.module.css
|
|
48506
48789
|
var CopyButton_default = {"wrap":"opus_Ij6tWr_wrap"};
|
|
48507
48790
|
|
|
48508
48791
|
// ../../components/CopyButton/CopyButton.tsx
|
|
48509
|
-
import { jsx as
|
|
48792
|
+
import { jsx as jsx172 } from "react/jsx-runtime";
|
|
48510
48793
|
async function writeClipboard(value) {
|
|
48511
48794
|
var _a2;
|
|
48512
48795
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
|
|
@@ -48535,8 +48818,8 @@ function CopyButton({
|
|
|
48535
48818
|
variant = "secondary",
|
|
48536
48819
|
onCopied
|
|
48537
48820
|
}) {
|
|
48538
|
-
const [copied, setCopied] =
|
|
48539
|
-
|
|
48821
|
+
const [copied, setCopied] = useState78(false);
|
|
48822
|
+
useEffect58(() => {
|
|
48540
48823
|
if (!copied) {
|
|
48541
48824
|
return;
|
|
48542
48825
|
}
|
|
@@ -48552,12 +48835,12 @@ function CopyButton({
|
|
|
48552
48835
|
setCopied(false);
|
|
48553
48836
|
}
|
|
48554
48837
|
}, [onCopied, value]);
|
|
48555
|
-
return /* @__PURE__ */
|
|
48838
|
+
return /* @__PURE__ */ jsx172("span", { className: CopyButton_default.wrap, children: /* @__PURE__ */ jsx172(Button, { onClick: handleCopy, type: "button", variant, children: children != null ? children : copied ? copiedLabel : label }) });
|
|
48556
48839
|
}
|
|
48557
48840
|
|
|
48558
48841
|
// ../../components/Clipboard/Clipboard.tsx
|
|
48559
|
-
import { createContext as createContext10, useCallback as useCallback31, useContext as useContext11, useMemo as useMemo45, useState as
|
|
48560
|
-
import { jsx as
|
|
48842
|
+
import { createContext as createContext10, useCallback as useCallback31, useContext as useContext11, useMemo as useMemo45, useState as useState79 } from "react";
|
|
48843
|
+
import { jsx as jsx173 } from "react/jsx-runtime";
|
|
48561
48844
|
var ClipboardContext = createContext10(null);
|
|
48562
48845
|
async function fallbackWrite(value) {
|
|
48563
48846
|
const textarea = document.createElement("textarea");
|
|
@@ -48574,7 +48857,7 @@ async function fallbackWrite(value) {
|
|
|
48574
48857
|
}
|
|
48575
48858
|
}
|
|
48576
48859
|
function ClipboardProvider({ children }) {
|
|
48577
|
-
const [lastCopied, setLastCopied] =
|
|
48860
|
+
const [lastCopied, setLastCopied] = useState79(null);
|
|
48578
48861
|
const writeText = useCallback31(async (value2) => {
|
|
48579
48862
|
var _a2;
|
|
48580
48863
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
|
|
@@ -48595,7 +48878,7 @@ function ClipboardProvider({ children }) {
|
|
|
48595
48878
|
() => ({ lastCopied, readText, writeText }),
|
|
48596
48879
|
[lastCopied, readText, writeText]
|
|
48597
48880
|
);
|
|
48598
|
-
return /* @__PURE__ */
|
|
48881
|
+
return /* @__PURE__ */ jsx173(ClipboardContext.Provider, { value, children });
|
|
48599
48882
|
}
|
|
48600
48883
|
function useClipboard() {
|
|
48601
48884
|
const context = useContext11(ClipboardContext);
|
|
@@ -48605,18 +48888,18 @@ function useClipboard() {
|
|
|
48605
48888
|
return context;
|
|
48606
48889
|
}
|
|
48607
48890
|
function Clipboard({ children }) {
|
|
48608
|
-
return /* @__PURE__ */
|
|
48891
|
+
return /* @__PURE__ */ jsx173(ClipboardProvider, { children });
|
|
48609
48892
|
}
|
|
48610
48893
|
|
|
48611
48894
|
// ../../components/ThemeSwitcher/ThemeSwitcher.tsx
|
|
48612
|
-
import { jsx as
|
|
48895
|
+
import { jsx as jsx174 } from "react/jsx-runtime";
|
|
48613
48896
|
function ThemeSwitcher({
|
|
48614
48897
|
id = "opus-theme-switcher",
|
|
48615
48898
|
label = "Theme",
|
|
48616
48899
|
value,
|
|
48617
48900
|
onChange
|
|
48618
48901
|
}) {
|
|
48619
|
-
return /* @__PURE__ */
|
|
48902
|
+
return /* @__PURE__ */ jsx174(
|
|
48620
48903
|
ThemeToggleField,
|
|
48621
48904
|
{
|
|
48622
48905
|
id,
|
|
@@ -48630,16 +48913,16 @@ function ThemeSwitcher({
|
|
|
48630
48913
|
|
|
48631
48914
|
// ../../components/ResizeObserver/ResizeObserver.tsx
|
|
48632
48915
|
import {
|
|
48633
|
-
useEffect as
|
|
48634
|
-
useRef as
|
|
48635
|
-
useState as
|
|
48916
|
+
useEffect as useEffect59,
|
|
48917
|
+
useRef as useRef53,
|
|
48918
|
+
useState as useState80
|
|
48636
48919
|
} from "react";
|
|
48637
|
-
import { jsx as
|
|
48920
|
+
import { jsx as jsx175 } from "react/jsx-runtime";
|
|
48638
48921
|
function ResizeObserver2(_a2) {
|
|
48639
48922
|
var _b2 = _a2, { children, className, onResize, style } = _b2, rest = __objRest(_b2, ["children", "className", "onResize", "style"]);
|
|
48640
|
-
const ref =
|
|
48641
|
-
const [size, setSize] =
|
|
48642
|
-
|
|
48923
|
+
const ref = useRef53(null);
|
|
48924
|
+
const [size, setSize] = useState80({ width: 0, height: 0 });
|
|
48925
|
+
useEffect59(() => {
|
|
48643
48926
|
const node = ref.current;
|
|
48644
48927
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
48645
48928
|
return;
|
|
@@ -48659,11 +48942,11 @@ function ResizeObserver2(_a2) {
|
|
|
48659
48942
|
observer.observe(node);
|
|
48660
48943
|
return () => observer.disconnect();
|
|
48661
48944
|
}, [onResize]);
|
|
48662
|
-
return /* @__PURE__ */
|
|
48945
|
+
return /* @__PURE__ */ jsx175("div", __spreadProps(__spreadValues({ className, ref, style }, rest), { children: children(size) }));
|
|
48663
48946
|
}
|
|
48664
48947
|
function useResizeObserver(targetRef) {
|
|
48665
|
-
const [size, setSize] =
|
|
48666
|
-
|
|
48948
|
+
const [size, setSize] = useState80({ width: 0, height: 0 });
|
|
48949
|
+
useEffect59(() => {
|
|
48667
48950
|
const node = targetRef.current;
|
|
48668
48951
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
48669
48952
|
return;
|
|
@@ -48685,8 +48968,8 @@ function useResizeObserver(targetRef) {
|
|
|
48685
48968
|
}
|
|
48686
48969
|
|
|
48687
48970
|
// ../../components/IntersectionObserver/IntersectionObserver.tsx
|
|
48688
|
-
import { useEffect as
|
|
48689
|
-
import { jsx as
|
|
48971
|
+
import { useEffect as useEffect60, useRef as useRef54, useState as useState81 } from "react";
|
|
48972
|
+
import { jsx as jsx176 } from "react/jsx-runtime";
|
|
48690
48973
|
function IntersectionObserver2({
|
|
48691
48974
|
children,
|
|
48692
48975
|
className,
|
|
@@ -48694,9 +48977,9 @@ function IntersectionObserver2({
|
|
|
48694
48977
|
threshold = 0.25,
|
|
48695
48978
|
onChange
|
|
48696
48979
|
}) {
|
|
48697
|
-
const ref =
|
|
48698
|
-
const [isIntersecting, setIsIntersecting] =
|
|
48699
|
-
|
|
48980
|
+
const ref = useRef54(null);
|
|
48981
|
+
const [isIntersecting, setIsIntersecting] = useState81(false);
|
|
48982
|
+
useEffect60(() => {
|
|
48700
48983
|
const node = ref.current;
|
|
48701
48984
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
48702
48985
|
return;
|
|
@@ -48715,12 +48998,12 @@ function IntersectionObserver2({
|
|
|
48715
48998
|
observer.observe(node);
|
|
48716
48999
|
return () => observer.disconnect();
|
|
48717
49000
|
}, [onChange, rootMargin, threshold]);
|
|
48718
|
-
return /* @__PURE__ */
|
|
49001
|
+
return /* @__PURE__ */ jsx176("div", { className, ref, children: children(isIntersecting) });
|
|
48719
49002
|
}
|
|
48720
49003
|
function useIntersectionObserver(targetRef, options = {}) {
|
|
48721
49004
|
const { rootMargin = "0px", threshold = 0.25 } = options;
|
|
48722
|
-
const [isIntersecting, setIsIntersecting] =
|
|
48723
|
-
|
|
49005
|
+
const [isIntersecting, setIsIntersecting] = useState81(false);
|
|
49006
|
+
useEffect60(() => {
|
|
48724
49007
|
const node = targetRef.current;
|
|
48725
49008
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
48726
49009
|
return;
|
|
@@ -48746,26 +49029,26 @@ import {
|
|
|
48746
49029
|
createContext as createContext11,
|
|
48747
49030
|
useCallback as useCallback32,
|
|
48748
49031
|
useContext as useContext12,
|
|
48749
|
-
useEffect as
|
|
49032
|
+
useEffect as useEffect61,
|
|
48750
49033
|
useMemo as useMemo46,
|
|
48751
|
-
useRef as
|
|
48752
|
-
useState as
|
|
49034
|
+
useRef as useRef55,
|
|
49035
|
+
useState as useState82
|
|
48753
49036
|
} from "react";
|
|
48754
49037
|
|
|
48755
49038
|
// ../../components/Sidebar/Sidebar.module.css
|
|
48756
|
-
var Sidebar_default = {"
|
|
49039
|
+
var Sidebar_default = {"overflowTooltip":"opus_4Pogux_overflowTooltip","icon":"opus_4Pogux_icon","collapsedGroupWrap":"opus_4Pogux_collapsedGroupWrap","main":"opus_4Pogux_main","collapsedTooltip":"opus_4Pogux_collapsedTooltip","headerTitle":"opus_4Pogux_headerTitle","bodyContent":"opus_4Pogux_bodyContent","sidebar":"opus_4Pogux_sidebar","collapsedGroupChevronOpen":"opus_4Pogux_collapsedGroupChevronOpen","groupHeader":"opus_4Pogux_groupHeader","visuallyHidden":"opus_4Pogux_visuallyHidden","groupLabel":"opus_4Pogux_groupLabel","headerInner":"opus_4Pogux_headerInner","header":"opus_4Pogux_header","group":"opus_4Pogux_group","collapsedSubmenu":"opus_4Pogux_collapsedSubmenu","nav":"opus_4Pogux_nav","body":"opus_4Pogux_body","collapsedGroupChevron":"opus_4Pogux_collapsedGroupChevron","linkActive":"opus_4Pogux_linkActive","footer":"opus_4Pogux_footer","groupItemsWrap":"opus_4Pogux_groupItemsWrap","groupChevronOpen":"opus_4Pogux_groupChevronOpen","layout":"opus_4Pogux_layout","link":"opus_4Pogux_link","linkLabel":"opus_4Pogux_linkLabel","collapsedGroup":"opus_4Pogux_collapsedGroup","groupItems":"opus_4Pogux_groupItems","groupChevron":"opus_4Pogux_groupChevron","overflowLabel":"opus_4Pogux_overflowLabel"};
|
|
48757
49040
|
|
|
48758
49041
|
// ../../components/Sidebar/Sidebar.tsx
|
|
48759
|
-
import { Fragment as
|
|
49042
|
+
import { Fragment as Fragment32, jsx as jsx177, jsxs as jsxs140 } from "react/jsx-runtime";
|
|
48760
49043
|
var SidebarContext = createContext11({
|
|
48761
49044
|
collapsed: false,
|
|
48762
49045
|
density: "comfortable"
|
|
48763
49046
|
});
|
|
48764
49047
|
var SIDEBAR_STORAGE_PREFIX = "opus-sidebar-state";
|
|
48765
49048
|
function SidebarOverflowLabel({ label }) {
|
|
48766
|
-
const labelRef =
|
|
48767
|
-
const [overflowing, setOverflowing] =
|
|
48768
|
-
|
|
49049
|
+
const labelRef = useRef55(null);
|
|
49050
|
+
const [overflowing, setOverflowing] = useState82(false);
|
|
49051
|
+
useEffect61(() => {
|
|
48769
49052
|
const element = labelRef.current;
|
|
48770
49053
|
if (!element) {
|
|
48771
49054
|
return;
|
|
@@ -48781,14 +49064,14 @@ function SidebarOverflowLabel({ label }) {
|
|
|
48781
49064
|
observer.disconnect();
|
|
48782
49065
|
};
|
|
48783
49066
|
}, [label]);
|
|
48784
|
-
return /* @__PURE__ */
|
|
49067
|
+
return /* @__PURE__ */ jsx177(
|
|
48785
49068
|
Tooltip,
|
|
48786
49069
|
{
|
|
48787
49070
|
className: Sidebar_default.overflowTooltip,
|
|
48788
49071
|
content: label,
|
|
48789
49072
|
disabled: !overflowing,
|
|
48790
49073
|
placement: "right",
|
|
48791
|
-
children: /* @__PURE__ */
|
|
49074
|
+
children: /* @__PURE__ */ jsx177("span", { ref: labelRef, className: Sidebar_default.overflowLabel, children: label })
|
|
48792
49075
|
}
|
|
48793
49076
|
);
|
|
48794
49077
|
}
|
|
@@ -48875,13 +49158,13 @@ function Sidebar({
|
|
|
48875
49158
|
() => `${SIDEBAR_STORAGE_PREFIX}:${storageKey != null ? storageKey : hashString(`${navLabel}:${serialiseSidebarMenu(menu)}`)}`,
|
|
48876
49159
|
[menu, navLabel, storageKey]
|
|
48877
49160
|
);
|
|
48878
|
-
const [persistedState, setPersistedState] =
|
|
49161
|
+
const [persistedState, setPersistedState] = useState82(
|
|
48879
49162
|
{}
|
|
48880
49163
|
);
|
|
48881
|
-
const [motionReady, setMotionReady] =
|
|
48882
|
-
const [internalActiveItem, setInternalActiveItem] =
|
|
49164
|
+
const [motionReady, setMotionReady] = useState82(!persistState);
|
|
49165
|
+
const [internalActiveItem, setInternalActiveItem] = useState82(defaultActiveItem);
|
|
48883
49166
|
const effectiveActiveItem = activeItem != null ? activeItem : persistState ? (_a2 = persistedState.activeItem) != null ? _a2 : internalActiveItem : internalActiveItem;
|
|
48884
|
-
|
|
49167
|
+
useEffect61(() => {
|
|
48885
49168
|
if (!persistState) {
|
|
48886
49169
|
const readyTimeout = window.setTimeout(() => setMotionReady(true), 0);
|
|
48887
49170
|
return () => window.clearTimeout(readyTimeout);
|
|
@@ -48953,7 +49236,7 @@ function Sidebar({
|
|
|
48953
49236
|
},
|
|
48954
49237
|
[updatePersistedState]
|
|
48955
49238
|
);
|
|
48956
|
-
return /* @__PURE__ */
|
|
49239
|
+
return /* @__PURE__ */ jsx177(
|
|
48957
49240
|
SidebarContext.Provider,
|
|
48958
49241
|
{
|
|
48959
49242
|
value: {
|
|
@@ -48966,7 +49249,7 @@ function Sidebar({
|
|
|
48966
49249
|
setActiveItem: setSidebarActiveItem,
|
|
48967
49250
|
setGroupOpenState: persistState ? setGroupOpenState : void 0
|
|
48968
49251
|
},
|
|
48969
|
-
children: /* @__PURE__ */
|
|
49252
|
+
children: /* @__PURE__ */ jsxs140(
|
|
48970
49253
|
"aside",
|
|
48971
49254
|
{
|
|
48972
49255
|
"aria-label": "Sidebar",
|
|
@@ -48984,14 +49267,14 @@ function Sidebar({
|
|
|
48984
49267
|
"data-padding-top": paddingTop ? "true" : "false",
|
|
48985
49268
|
"data-side": side,
|
|
48986
49269
|
children: [
|
|
48987
|
-
header ? /* @__PURE__ */
|
|
48988
|
-
/* @__PURE__ */
|
|
49270
|
+
header ? /* @__PURE__ */ jsx177("div", { className: Sidebar_default.header, children: header }) : null,
|
|
49271
|
+
/* @__PURE__ */ jsx177(
|
|
48989
49272
|
CustomScrollbar,
|
|
48990
49273
|
{
|
|
48991
49274
|
className: Sidebar_default.body,
|
|
48992
49275
|
label: navLabel,
|
|
48993
49276
|
orientation: "vertical",
|
|
48994
|
-
children: /* @__PURE__ */
|
|
49277
|
+
children: /* @__PURE__ */ jsx177("div", { className: Sidebar_default.bodyContent, children: menu ? /* @__PURE__ */ jsx177(SidebarNav, { "aria-label": navLabel, children: menu.map(
|
|
48995
49278
|
(item) => renderSidebarMenuItem({
|
|
48996
49279
|
depth: 0,
|
|
48997
49280
|
effectiveActiveItem,
|
|
@@ -49001,7 +49284,7 @@ function Sidebar({
|
|
|
49001
49284
|
) }) : children })
|
|
49002
49285
|
}
|
|
49003
49286
|
),
|
|
49004
|
-
footer ? /* @__PURE__ */
|
|
49287
|
+
footer ? /* @__PURE__ */ jsx177("div", { className: Sidebar_default.footer, children: footer }) : null
|
|
49005
49288
|
]
|
|
49006
49289
|
}
|
|
49007
49290
|
)
|
|
@@ -49010,8 +49293,8 @@ function Sidebar({
|
|
|
49010
49293
|
}
|
|
49011
49294
|
function SidebarHeader({ children, title }) {
|
|
49012
49295
|
const { collapsed } = useContext12(SidebarContext);
|
|
49013
|
-
return /* @__PURE__ */
|
|
49014
|
-
/* @__PURE__ */
|
|
49296
|
+
return /* @__PURE__ */ jsxs140("div", { className: Sidebar_default.headerInner, children: [
|
|
49297
|
+
/* @__PURE__ */ jsx177("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
|
|
49015
49298
|
children
|
|
49016
49299
|
] });
|
|
49017
49300
|
}
|
|
@@ -49019,7 +49302,7 @@ function SidebarNav({
|
|
|
49019
49302
|
"aria-label": ariaLabel,
|
|
49020
49303
|
children
|
|
49021
49304
|
}) {
|
|
49022
|
-
return /* @__PURE__ */
|
|
49305
|
+
return /* @__PURE__ */ jsx177("nav", { "aria-label": ariaLabel, className: Sidebar_default.nav, children });
|
|
49023
49306
|
}
|
|
49024
49307
|
function SidebarLink({
|
|
49025
49308
|
active,
|
|
@@ -49052,12 +49335,12 @@ function SidebarLink({
|
|
|
49052
49335
|
}
|
|
49053
49336
|
onClick == null ? void 0 : onClick(event);
|
|
49054
49337
|
};
|
|
49055
|
-
const content = /* @__PURE__ */
|
|
49056
|
-
icon ? /* @__PURE__ */
|
|
49057
|
-
!icon && collapsed && label ? /* @__PURE__ */
|
|
49058
|
-
collapsed ? /* @__PURE__ */
|
|
49338
|
+
const content = /* @__PURE__ */ jsxs140(Fragment32, { children: [
|
|
49339
|
+
icon ? /* @__PURE__ */ jsx177("span", { className: Sidebar_default.icon, children: icon }) : null,
|
|
49340
|
+
!icon && collapsed && label ? /* @__PURE__ */ jsx177("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: label.charAt(0) }) : null,
|
|
49341
|
+
collapsed ? /* @__PURE__ */ jsx177("span", { className: Sidebar_default.visuallyHidden, children }) : label ? /* @__PURE__ */ jsx177(SidebarOverflowLabel, { label }) : /* @__PURE__ */ jsx177("span", { className: Sidebar_default.linkLabel, children })
|
|
49059
49342
|
] });
|
|
49060
|
-
const control = href ? /* @__PURE__ */
|
|
49343
|
+
const control = href ? /* @__PURE__ */ jsx177(
|
|
49061
49344
|
"a",
|
|
49062
49345
|
{
|
|
49063
49346
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -49066,7 +49349,7 @@ function SidebarLink({
|
|
|
49066
49349
|
onClick: handleClick,
|
|
49067
49350
|
children: content
|
|
49068
49351
|
}
|
|
49069
|
-
) : /* @__PURE__ */
|
|
49352
|
+
) : /* @__PURE__ */ jsx177(
|
|
49070
49353
|
"button",
|
|
49071
49354
|
{
|
|
49072
49355
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -49077,7 +49360,7 @@ function SidebarLink({
|
|
|
49077
49360
|
}
|
|
49078
49361
|
);
|
|
49079
49362
|
if (collapsed && label) {
|
|
49080
|
-
return /* @__PURE__ */
|
|
49363
|
+
return /* @__PURE__ */ jsx177(
|
|
49081
49364
|
Tooltip,
|
|
49082
49365
|
{
|
|
49083
49366
|
className: Sidebar_default.collapsedTooltip,
|
|
@@ -49106,7 +49389,7 @@ function renderSidebarMenuItem({
|
|
|
49106
49389
|
renderIcon
|
|
49107
49390
|
}) {
|
|
49108
49391
|
if (item.type === "group") {
|
|
49109
|
-
return /* @__PURE__ */
|
|
49392
|
+
return /* @__PURE__ */ jsx177(
|
|
49110
49393
|
SidebarGroup,
|
|
49111
49394
|
{
|
|
49112
49395
|
defaultOpen: item.defaultOpen,
|
|
@@ -49131,7 +49414,7 @@ function renderSidebarMenuItem({
|
|
|
49131
49414
|
event.preventDefault();
|
|
49132
49415
|
}
|
|
49133
49416
|
};
|
|
49134
|
-
return /* @__PURE__ */
|
|
49417
|
+
return /* @__PURE__ */ jsx177(
|
|
49135
49418
|
SidebarLink,
|
|
49136
49419
|
{
|
|
49137
49420
|
itemId: item.id,
|
|
@@ -49167,14 +49450,14 @@ function SidebarGroup({
|
|
|
49167
49450
|
setGroupOpenState
|
|
49168
49451
|
} = useContext12(SidebarContext);
|
|
49169
49452
|
const listId = createGroupListId(label, id);
|
|
49170
|
-
const [open, setOpen] =
|
|
49453
|
+
const [open, setOpen] = useState82(
|
|
49171
49454
|
() => {
|
|
49172
49455
|
var _a2;
|
|
49173
49456
|
return (_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen;
|
|
49174
49457
|
}
|
|
49175
49458
|
);
|
|
49176
|
-
const [collapsedOpen, setCollapsedOpen] =
|
|
49177
|
-
|
|
49459
|
+
const [collapsedOpen, setCollapsedOpen] = useState82(false);
|
|
49460
|
+
useEffect61(() => {
|
|
49178
49461
|
const timeout = window.setTimeout(() => {
|
|
49179
49462
|
var _a2;
|
|
49180
49463
|
setOpen((_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen);
|
|
@@ -49188,14 +49471,14 @@ function SidebarGroup({
|
|
|
49188
49471
|
};
|
|
49189
49472
|
if (collapsed) {
|
|
49190
49473
|
if (depth > 0) {
|
|
49191
|
-
return /* @__PURE__ */
|
|
49192
|
-
/* @__PURE__ */
|
|
49474
|
+
return /* @__PURE__ */ jsxs140("div", { className: Sidebar_default.collapsedGroupWrap, children: [
|
|
49475
|
+
/* @__PURE__ */ jsx177(
|
|
49193
49476
|
Tooltip,
|
|
49194
49477
|
{
|
|
49195
49478
|
className: Sidebar_default.collapsedTooltip,
|
|
49196
49479
|
content: label,
|
|
49197
49480
|
placement: "right",
|
|
49198
|
-
children: /* @__PURE__ */
|
|
49481
|
+
children: /* @__PURE__ */ jsxs140(
|
|
49199
49482
|
"button",
|
|
49200
49483
|
{
|
|
49201
49484
|
"aria-expanded": collapsedOpen,
|
|
@@ -49207,8 +49490,8 @@ function SidebarGroup({
|
|
|
49207
49490
|
},
|
|
49208
49491
|
type: "button",
|
|
49209
49492
|
children: [
|
|
49210
|
-
/* @__PURE__ */
|
|
49211
|
-
/* @__PURE__ */
|
|
49493
|
+
/* @__PURE__ */ jsx177("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: icon != null ? icon : label.charAt(0) }),
|
|
49494
|
+
/* @__PURE__ */ jsx177(
|
|
49212
49495
|
"span",
|
|
49213
49496
|
{
|
|
49214
49497
|
"aria-hidden": "true",
|
|
@@ -49220,10 +49503,10 @@ function SidebarGroup({
|
|
|
49220
49503
|
)
|
|
49221
49504
|
}
|
|
49222
49505
|
),
|
|
49223
|
-
collapsedOpen ? /* @__PURE__ */
|
|
49506
|
+
collapsedOpen ? /* @__PURE__ */ jsx177("div", { className: Sidebar_default.collapsedSubmenu, children }) : null
|
|
49224
49507
|
] });
|
|
49225
49508
|
}
|
|
49226
|
-
return /* @__PURE__ */
|
|
49509
|
+
return /* @__PURE__ */ jsx177(
|
|
49227
49510
|
"div",
|
|
49228
49511
|
{
|
|
49229
49512
|
"aria-label": label,
|
|
@@ -49234,7 +49517,7 @@ function SidebarGroup({
|
|
|
49234
49517
|
}
|
|
49235
49518
|
);
|
|
49236
49519
|
}
|
|
49237
|
-
return /* @__PURE__ */
|
|
49520
|
+
return /* @__PURE__ */ jsxs140(
|
|
49238
49521
|
"div",
|
|
49239
49522
|
{
|
|
49240
49523
|
"aria-label": label,
|
|
@@ -49242,7 +49525,7 @@ function SidebarGroup({
|
|
|
49242
49525
|
"data-depth": depth,
|
|
49243
49526
|
role: "group",
|
|
49244
49527
|
children: [
|
|
49245
|
-
/* @__PURE__ */
|
|
49528
|
+
/* @__PURE__ */ jsx177("div", { className: Sidebar_default.groupHeader, children: /* @__PURE__ */ jsxs140(
|
|
49246
49529
|
"button",
|
|
49247
49530
|
{
|
|
49248
49531
|
"aria-controls": listId,
|
|
@@ -49251,9 +49534,9 @@ function SidebarGroup({
|
|
|
49251
49534
|
onClick: toggleOpen,
|
|
49252
49535
|
type: "button",
|
|
49253
49536
|
children: [
|
|
49254
|
-
icon ? /* @__PURE__ */
|
|
49255
|
-
/* @__PURE__ */
|
|
49256
|
-
/* @__PURE__ */
|
|
49537
|
+
icon ? /* @__PURE__ */ jsx177("span", { className: Sidebar_default.icon, children: icon }) : null,
|
|
49538
|
+
/* @__PURE__ */ jsx177(SidebarOverflowLabel, { label }),
|
|
49539
|
+
/* @__PURE__ */ jsx177(
|
|
49257
49540
|
"span",
|
|
49258
49541
|
{
|
|
49259
49542
|
"aria-hidden": "true",
|
|
@@ -49263,12 +49546,12 @@ function SidebarGroup({
|
|
|
49263
49546
|
]
|
|
49264
49547
|
}
|
|
49265
49548
|
) }),
|
|
49266
|
-
/* @__PURE__ */
|
|
49549
|
+
/* @__PURE__ */ jsx177(
|
|
49267
49550
|
"div",
|
|
49268
49551
|
{
|
|
49269
49552
|
className: Sidebar_default.groupItemsWrap,
|
|
49270
49553
|
"data-open": open ? "true" : "false",
|
|
49271
|
-
children: /* @__PURE__ */
|
|
49554
|
+
children: /* @__PURE__ */ jsx177(
|
|
49272
49555
|
"div",
|
|
49273
49556
|
{
|
|
49274
49557
|
className: Sidebar_default.groupItems,
|
|
@@ -49289,7 +49572,7 @@ function SidebarLayout({
|
|
|
49289
49572
|
main,
|
|
49290
49573
|
side = "left"
|
|
49291
49574
|
}) {
|
|
49292
|
-
return /* @__PURE__ */
|
|
49575
|
+
return /* @__PURE__ */ jsxs140(
|
|
49293
49576
|
"div",
|
|
49294
49577
|
{
|
|
49295
49578
|
className: Sidebar_default.layout,
|
|
@@ -49297,7 +49580,7 @@ function SidebarLayout({
|
|
|
49297
49580
|
"data-side": side,
|
|
49298
49581
|
children: [
|
|
49299
49582
|
side === "left" ? children : null,
|
|
49300
|
-
/* @__PURE__ */
|
|
49583
|
+
/* @__PURE__ */ jsx177("div", { className: Sidebar_default.main, children: main }),
|
|
49301
49584
|
side === "right" ? children : null
|
|
49302
49585
|
]
|
|
49303
49586
|
}
|
|
@@ -49307,21 +49590,21 @@ function SidebarLayout({
|
|
|
49307
49590
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
49308
49591
|
import {
|
|
49309
49592
|
useCallback as useCallback33,
|
|
49310
|
-
useEffect as
|
|
49593
|
+
useEffect as useEffect62,
|
|
49311
49594
|
useId as useId32,
|
|
49312
|
-
useLayoutEffect as
|
|
49595
|
+
useLayoutEffect as useLayoutEffect15,
|
|
49313
49596
|
useMemo as useMemo47,
|
|
49314
|
-
useRef as
|
|
49315
|
-
useState as
|
|
49597
|
+
useRef as useRef56,
|
|
49598
|
+
useState as useState83
|
|
49316
49599
|
} from "react";
|
|
49317
49600
|
import { faRotateLeft as faRotateLeft2 } from "@fortawesome/free-solid-svg-icons";
|
|
49318
49601
|
import { FontAwesomeIcon as FontAwesomeIcon16 } from "@fortawesome/react-fontawesome";
|
|
49319
49602
|
|
|
49320
49603
|
// ../../components/AccentColorPicker/AccentColorPicker.module.css
|
|
49321
|
-
var AccentColorPicker_default = {"
|
|
49604
|
+
var AccentColorPicker_default = {"swatches":"opus_scMnrW_swatches","section":"opus_scMnrW_section","sectionLabel":"opus_scMnrW_sectionLabel","dropdown":"opus_scMnrW_dropdown","quickSwatches":"opus_scMnrW_quickSwatches","tilePair":"opus_scMnrW_tilePair","swatch":"opus_scMnrW_swatch","panel":"opus_scMnrW_panel","tilePairs":"opus_scMnrW_tilePairs","picker":"opus_scMnrW_picker","panelHeader":"opus_scMnrW_panelHeader","trigger":"opus_scMnrW_trigger","reset":"opus_scMnrW_reset","resetText":"opus_scMnrW_resetText","chevron":"opus_scMnrW_chevron","summary":"opus_scMnrW_summary","footer":"opus_scMnrW_footer","blob":"opus_scMnrW_blob"};
|
|
49322
49605
|
|
|
49323
49606
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
49324
|
-
import { Fragment as
|
|
49607
|
+
import { Fragment as Fragment33, jsx as jsx178, jsxs as jsxs141 } from "react/jsx-runtime";
|
|
49325
49608
|
var TILE_PINK = "#ec4899";
|
|
49326
49609
|
var TILE_TURQUOISE = "#0ea5e9";
|
|
49327
49610
|
var TILE_MAGENTA = "#d946ef";
|
|
@@ -49422,11 +49705,11 @@ function pairLabel(primary, secondary) {
|
|
|
49422
49705
|
return `${colorLabel(primary)} / ${colorLabel(secondary)}`;
|
|
49423
49706
|
}
|
|
49424
49707
|
function useAccentPreference() {
|
|
49425
|
-
const [accent, setAccentState] =
|
|
49426
|
-
const [accentSecondary, setAccentSecondaryState] =
|
|
49427
|
-
const [accentPairId, setAccentPairIdState] =
|
|
49428
|
-
const [ready, setReady] =
|
|
49429
|
-
|
|
49708
|
+
const [accent, setAccentState] = useState83(DEFAULT_ACCENT_COLOR);
|
|
49709
|
+
const [accentSecondary, setAccentSecondaryState] = useState83(DEFAULT_ACCENT_SECONDARY);
|
|
49710
|
+
const [accentPairId, setAccentPairIdState] = useState83(DEFAULT_ACCENT_PAIR_ID);
|
|
49711
|
+
const [ready, setReady] = useState83(false);
|
|
49712
|
+
useLayoutEffect15(() => {
|
|
49430
49713
|
var _a2;
|
|
49431
49714
|
const stored = readStoredAccentState();
|
|
49432
49715
|
setAccentState(stored.accent);
|
|
@@ -49514,10 +49797,10 @@ function useAccentPreference() {
|
|
|
49514
49797
|
};
|
|
49515
49798
|
}
|
|
49516
49799
|
function useTileAccentPreference() {
|
|
49517
|
-
const [tileAccent, setTileAccentState] =
|
|
49518
|
-
const [tileAccentSecondary, setTileAccentSecondaryState] =
|
|
49519
|
-
const [ready, setReady] =
|
|
49520
|
-
|
|
49800
|
+
const [tileAccent, setTileAccentState] = useState83(DEFAULT_TILE_ACCENT);
|
|
49801
|
+
const [tileAccentSecondary, setTileAccentSecondaryState] = useState83(DEFAULT_TILE_ACCENT_SECONDARY);
|
|
49802
|
+
const [ready, setReady] = useState83(false);
|
|
49803
|
+
useLayoutEffect15(() => {
|
|
49521
49804
|
const stored = readStoredTileAccentState();
|
|
49522
49805
|
setTileAccentState(stored.tileAccent);
|
|
49523
49806
|
setTileAccentSecondaryState(stored.tileAccentSecondary);
|
|
@@ -49574,11 +49857,11 @@ function AccentSwatchGrid({
|
|
|
49574
49857
|
onSelect,
|
|
49575
49858
|
selectedValue
|
|
49576
49859
|
}) {
|
|
49577
|
-
return /* @__PURE__ */
|
|
49578
|
-
/* @__PURE__ */
|
|
49579
|
-
/* @__PURE__ */
|
|
49860
|
+
return /* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.section, children: [
|
|
49861
|
+
/* @__PURE__ */ jsx178("p", { className: AccentColorPicker_default.sectionLabel, children: label }),
|
|
49862
|
+
/* @__PURE__ */ jsx178("div", { "aria-label": label, className: AccentColorPicker_default.swatches, role: "radiogroup", children: accentPalette.map((option) => {
|
|
49580
49863
|
const selected = selectedValue === option.value;
|
|
49581
|
-
return /* @__PURE__ */
|
|
49864
|
+
return /* @__PURE__ */ jsx178(
|
|
49582
49865
|
"button",
|
|
49583
49866
|
{
|
|
49584
49867
|
"aria-checked": selected,
|
|
@@ -49611,16 +49894,17 @@ function AccentColorPicker({
|
|
|
49611
49894
|
defaultSecondaryValue = DEFAULT_ACCENT_SECONDARY,
|
|
49612
49895
|
secondaryValue,
|
|
49613
49896
|
showQuickSwatches = false,
|
|
49897
|
+
showSecondary = true,
|
|
49614
49898
|
variant = "compact",
|
|
49615
49899
|
value
|
|
49616
49900
|
}) {
|
|
49617
49901
|
const resolvedSecondary = secondaryValue != null ? secondaryValue : companionForPrimary(value);
|
|
49618
|
-
const [open, setOpen] =
|
|
49619
|
-
const rootRef =
|
|
49902
|
+
const [open, setOpen] = useState83(false);
|
|
49903
|
+
const rootRef = useRef56(null);
|
|
49620
49904
|
const menuId = useId32();
|
|
49621
|
-
const selectedLabel = pairLabel(value, resolvedSecondary);
|
|
49622
|
-
const isDefault = value === defaultValue && resolvedSecondary === defaultSecondaryValue;
|
|
49623
|
-
|
|
49905
|
+
const selectedLabel = showSecondary ? pairLabel(value, resolvedSecondary) : colorLabel(value);
|
|
49906
|
+
const isDefault = value === defaultValue && (!showSecondary || resolvedSecondary === defaultSecondaryValue);
|
|
49907
|
+
useEffect62(() => {
|
|
49624
49908
|
if (!open || variant !== "compact") {
|
|
49625
49909
|
return;
|
|
49626
49910
|
}
|
|
@@ -49651,21 +49935,21 @@ function AccentColorPicker({
|
|
|
49651
49935
|
}
|
|
49652
49936
|
setOpen(false);
|
|
49653
49937
|
};
|
|
49654
|
-
const paletteBody = /* @__PURE__ */
|
|
49655
|
-
/* @__PURE__ */
|
|
49656
|
-
/* @__PURE__ */
|
|
49938
|
+
const paletteBody = /* @__PURE__ */ jsxs141(Fragment33, { children: [
|
|
49939
|
+
/* @__PURE__ */ jsx178(AccentSwatchGrid, { label: primarySectionLabel, selectedValue: value, onSelect: onChange }),
|
|
49940
|
+
showSecondary ? /* @__PURE__ */ jsx178(
|
|
49657
49941
|
AccentSwatchGrid,
|
|
49658
49942
|
{
|
|
49659
49943
|
label: secondarySectionLabel,
|
|
49660
49944
|
selectedValue: resolvedSecondary,
|
|
49661
49945
|
onSelect: (next) => onSecondaryChange == null ? void 0 : onSecondaryChange(next)
|
|
49662
49946
|
}
|
|
49663
|
-
)
|
|
49947
|
+
) : null
|
|
49664
49948
|
] });
|
|
49665
49949
|
if (variant === "panel") {
|
|
49666
|
-
return /* @__PURE__ */
|
|
49667
|
-
/* @__PURE__ */
|
|
49668
|
-
/* @__PURE__ */
|
|
49950
|
+
return /* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.panel, id, children: [
|
|
49951
|
+
/* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.panelHeader, children: [
|
|
49952
|
+
/* @__PURE__ */ jsx178(
|
|
49669
49953
|
"span",
|
|
49670
49954
|
{
|
|
49671
49955
|
"aria-hidden": "true",
|
|
@@ -49676,8 +49960,8 @@ function AccentColorPicker({
|
|
|
49676
49960
|
}
|
|
49677
49961
|
}
|
|
49678
49962
|
),
|
|
49679
|
-
/* @__PURE__ */
|
|
49680
|
-
/* @__PURE__ */
|
|
49963
|
+
/* @__PURE__ */ jsx178("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
|
|
49964
|
+
/* @__PURE__ */ jsx178(
|
|
49681
49965
|
"button",
|
|
49682
49966
|
{
|
|
49683
49967
|
"aria-label": `Reset ${label.toLowerCase()} colours`,
|
|
@@ -49686,14 +49970,14 @@ function AccentColorPicker({
|
|
|
49686
49970
|
title: `Reset ${label.toLowerCase()}`,
|
|
49687
49971
|
type: "button",
|
|
49688
49972
|
onClick: handleReset,
|
|
49689
|
-
children: /* @__PURE__ */
|
|
49973
|
+
children: /* @__PURE__ */ jsx178(FontAwesomeIcon16, { icon: faRotateLeft2 })
|
|
49690
49974
|
}
|
|
49691
49975
|
)
|
|
49692
49976
|
] }),
|
|
49693
49977
|
paletteBody
|
|
49694
49978
|
] });
|
|
49695
49979
|
}
|
|
49696
|
-
return /* @__PURE__ */
|
|
49980
|
+
return /* @__PURE__ */ jsx178(
|
|
49697
49981
|
FieldShell,
|
|
49698
49982
|
{
|
|
49699
49983
|
fitContent: true,
|
|
@@ -49704,8 +49988,8 @@ function AccentColorPicker({
|
|
|
49704
49988
|
labelPosition,
|
|
49705
49989
|
labelTag: "div",
|
|
49706
49990
|
mode,
|
|
49707
|
-
children: /* @__PURE__ */
|
|
49708
|
-
showQuickSwatches ? /* @__PURE__ */
|
|
49991
|
+
children: /* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.picker, ref: rootRef, children: [
|
|
49992
|
+
showQuickSwatches ? /* @__PURE__ */ jsx178(
|
|
49709
49993
|
"div",
|
|
49710
49994
|
{
|
|
49711
49995
|
"aria-labelledby": `${id}-label`,
|
|
@@ -49713,7 +49997,7 @@ function AccentColorPicker({
|
|
|
49713
49997
|
role: "radiogroup",
|
|
49714
49998
|
children: accentQuickColors.map((option) => {
|
|
49715
49999
|
const selected = value === option.value;
|
|
49716
|
-
return /* @__PURE__ */
|
|
50000
|
+
return /* @__PURE__ */ jsx178(
|
|
49717
50001
|
"button",
|
|
49718
50002
|
{
|
|
49719
50003
|
"aria-checked": selected,
|
|
@@ -49731,7 +50015,7 @@ function AccentColorPicker({
|
|
|
49731
50015
|
})
|
|
49732
50016
|
}
|
|
49733
50017
|
) : null,
|
|
49734
|
-
/* @__PURE__ */
|
|
50018
|
+
/* @__PURE__ */ jsxs141(
|
|
49735
50019
|
"button",
|
|
49736
50020
|
{
|
|
49737
50021
|
"aria-controls": menuId,
|
|
@@ -49747,12 +50031,12 @@ function AccentColorPicker({
|
|
|
49747
50031
|
type: "button",
|
|
49748
50032
|
onClick: () => setOpen((current) => !current),
|
|
49749
50033
|
children: [
|
|
49750
|
-
/* @__PURE__ */
|
|
49751
|
-
/* @__PURE__ */
|
|
50034
|
+
/* @__PURE__ */ jsx178("span", { "aria-hidden": "true", className: AccentColorPicker_default.blob }),
|
|
50035
|
+
/* @__PURE__ */ jsx178("span", { "aria-hidden": "true", className: AccentColorPicker_default.chevron })
|
|
49752
50036
|
]
|
|
49753
50037
|
}
|
|
49754
50038
|
),
|
|
49755
|
-
!isDefault ? /* @__PURE__ */
|
|
50039
|
+
!isDefault ? /* @__PURE__ */ jsx178(
|
|
49756
50040
|
"button",
|
|
49757
50041
|
{
|
|
49758
50042
|
"aria-label": `Reset ${label.toLowerCase()} colours`,
|
|
@@ -49760,10 +50044,10 @@ function AccentColorPicker({
|
|
|
49760
50044
|
title: `Reset ${label.toLowerCase()}`,
|
|
49761
50045
|
type: "button",
|
|
49762
50046
|
onClick: handleReset,
|
|
49763
|
-
children: /* @__PURE__ */
|
|
50047
|
+
children: /* @__PURE__ */ jsx178(FontAwesomeIcon16, { icon: faRotateLeft2 })
|
|
49764
50048
|
}
|
|
49765
50049
|
) : null,
|
|
49766
|
-
open ? /* @__PURE__ */
|
|
50050
|
+
open ? /* @__PURE__ */ jsxs141(
|
|
49767
50051
|
"div",
|
|
49768
50052
|
{
|
|
49769
50053
|
"aria-label": `${label} colours`,
|
|
@@ -49772,9 +50056,9 @@ function AccentColorPicker({
|
|
|
49772
50056
|
role: "dialog",
|
|
49773
50057
|
children: [
|
|
49774
50058
|
paletteBody,
|
|
49775
|
-
/* @__PURE__ */
|
|
49776
|
-
/* @__PURE__ */
|
|
49777
|
-
!isDefault ? /* @__PURE__ */
|
|
50059
|
+
/* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.footer, children: [
|
|
50060
|
+
/* @__PURE__ */ jsx178("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
|
|
50061
|
+
!isDefault ? /* @__PURE__ */ jsx178("button", { className: AccentColorPicker_default.resetText, type: "button", onClick: handleReset, children: "Reset" }) : null
|
|
49778
50062
|
] })
|
|
49779
50063
|
]
|
|
49780
50064
|
}
|
|
@@ -49785,14 +50069,14 @@ function AccentColorPicker({
|
|
|
49785
50069
|
}
|
|
49786
50070
|
|
|
49787
50071
|
// ../../components/IconPicker/IconPicker.tsx
|
|
49788
|
-
import { useEffect as
|
|
50072
|
+
import { useEffect as useEffect63, useId as useId33, useMemo as useMemo48, useRef as useRef57, useState as useState84 } from "react";
|
|
49789
50073
|
import { FontAwesomeIcon as FontAwesomeIcon17 } from "@fortawesome/react-fontawesome";
|
|
49790
50074
|
|
|
49791
50075
|
// ../../components/IconPicker/IconPicker.module.css
|
|
49792
|
-
var IconPicker_default = {"
|
|
50076
|
+
var IconPicker_default = {"triggerLabel":"opus_4E-Oa1_triggerLabel","triggerIcon":"opus_4E-Oa1_triggerIcon","empty":"opus_4E-Oa1_empty","optionIcon":"opus_4E-Oa1_optionIcon","chevron":"opus_4E-Oa1_chevron","menu":"opus_4E-Oa1_menu","search":"opus_4E-Oa1_search","option":"opus_4E-Oa1_option","root":"opus_4E-Oa1_root","trigger":"opus_4E-Oa1_trigger","grid":"opus_4E-Oa1_grid"};
|
|
49793
50077
|
|
|
49794
50078
|
// ../../components/IconPicker/IconPicker.tsx
|
|
49795
|
-
import { jsx as
|
|
50079
|
+
import { jsx as jsx179, jsxs as jsxs142 } from "react/jsx-runtime";
|
|
49796
50080
|
function IconPicker({
|
|
49797
50081
|
help,
|
|
49798
50082
|
id,
|
|
@@ -49803,14 +50087,14 @@ function IconPicker({
|
|
|
49803
50087
|
searchPlaceholder = "Search icons",
|
|
49804
50088
|
value
|
|
49805
50089
|
}) {
|
|
49806
|
-
const [open, setOpen] =
|
|
49807
|
-
const [query, setQuery] =
|
|
49808
|
-
const rootRef =
|
|
49809
|
-
const searchRef =
|
|
50090
|
+
const [open, setOpen] = useState84(false);
|
|
50091
|
+
const [query, setQuery] = useState84("");
|
|
50092
|
+
const rootRef = useRef57(null);
|
|
50093
|
+
const searchRef = useRef57(null);
|
|
49810
50094
|
const listboxId = useId33();
|
|
49811
50095
|
const selected = getFontAwesomeIconOption(value);
|
|
49812
50096
|
const filteredIcons = useMemo48(() => filterFontAwesomeIcons(query), [query]);
|
|
49813
|
-
|
|
50097
|
+
useEffect63(() => {
|
|
49814
50098
|
if (!open) {
|
|
49815
50099
|
return;
|
|
49816
50100
|
}
|
|
@@ -49837,8 +50121,8 @@ function IconPicker({
|
|
|
49837
50121
|
document.removeEventListener("keydown", handleKeyDown);
|
|
49838
50122
|
};
|
|
49839
50123
|
}, [open]);
|
|
49840
|
-
return /* @__PURE__ */
|
|
49841
|
-
/* @__PURE__ */
|
|
50124
|
+
return /* @__PURE__ */ jsx179(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */ jsxs142("div", { className: IconPicker_default.root, ref: rootRef, children: [
|
|
50125
|
+
/* @__PURE__ */ jsxs142(
|
|
49842
50126
|
"button",
|
|
49843
50127
|
{
|
|
49844
50128
|
"aria-controls": open ? listboxId : void 0,
|
|
@@ -49849,14 +50133,14 @@ function IconPicker({
|
|
|
49849
50133
|
type: "button",
|
|
49850
50134
|
onClick: () => setOpen((current) => !current),
|
|
49851
50135
|
children: [
|
|
49852
|
-
/* @__PURE__ */
|
|
49853
|
-
/* @__PURE__ */
|
|
50136
|
+
/* @__PURE__ */ jsx179("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ jsx179(FontAwesomeIcon17, { icon: selected.icon }) }),
|
|
50137
|
+
/* @__PURE__ */ jsx179("span", { className: IconPicker_default.triggerLabel, children: selected.label })
|
|
49854
50138
|
]
|
|
49855
50139
|
}
|
|
49856
50140
|
),
|
|
49857
|
-
/* @__PURE__ */
|
|
49858
|
-
open ? /* @__PURE__ */
|
|
49859
|
-
/* @__PURE__ */
|
|
50141
|
+
/* @__PURE__ */ jsx179("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
|
|
50142
|
+
open ? /* @__PURE__ */ jsxs142("div", { className: IconPicker_default.menu, children: [
|
|
50143
|
+
/* @__PURE__ */ jsx179(
|
|
49860
50144
|
"input",
|
|
49861
50145
|
{
|
|
49862
50146
|
"aria-label": searchPlaceholder,
|
|
@@ -49868,7 +50152,7 @@ function IconPicker({
|
|
|
49868
50152
|
onChange: (event) => setQuery(event.target.value)
|
|
49869
50153
|
}
|
|
49870
50154
|
),
|
|
49871
|
-
/* @__PURE__ */
|
|
50155
|
+
/* @__PURE__ */ jsx179("div", { className: IconPicker_default.grid, id: listboxId, role: "listbox", children: filteredIcons.length ? filteredIcons.map((entry) => /* @__PURE__ */ jsx179(
|
|
49872
50156
|
"button",
|
|
49873
50157
|
{
|
|
49874
50158
|
"aria-label": entry.label,
|
|
@@ -49883,19 +50167,19 @@ function IconPicker({
|
|
|
49883
50167
|
setOpen(false);
|
|
49884
50168
|
setQuery("");
|
|
49885
50169
|
},
|
|
49886
|
-
children: /* @__PURE__ */
|
|
50170
|
+
children: /* @__PURE__ */ jsx179("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ jsx179(FontAwesomeIcon17, { icon: entry.icon }) })
|
|
49887
50171
|
},
|
|
49888
50172
|
entry.iconName
|
|
49889
|
-
)) : /* @__PURE__ */
|
|
50173
|
+
)) : /* @__PURE__ */ jsx179("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
|
|
49890
50174
|
] }) : null
|
|
49891
50175
|
] }) });
|
|
49892
50176
|
}
|
|
49893
50177
|
|
|
49894
50178
|
// ../../components/IconBadge/IconBadge.module.css
|
|
49895
|
-
var IconBadge_default = {"badge":"opus_H9TUGj_badge","
|
|
50179
|
+
var IconBadge_default = {"badge":"opus_H9TUGj_badge","icon":"opus_H9TUGj_icon","root":"opus_H9TUGj_root"};
|
|
49896
50180
|
|
|
49897
50181
|
// ../../components/IconBadge/IconBadge.tsx
|
|
49898
|
-
import { jsx as
|
|
50182
|
+
import { jsx as jsx180, jsxs as jsxs143 } from "react/jsx-runtime";
|
|
49899
50183
|
function formatCount(count, max) {
|
|
49900
50184
|
if (count > max) {
|
|
49901
50185
|
return `${max}+`;
|
|
@@ -49932,12 +50216,12 @@ function IconBadge({
|
|
|
49932
50216
|
const showBadge = shouldShowBadge(count, showZero);
|
|
49933
50217
|
const accessibleLabel = buildAccessibleLabel(label, count, max, showZero);
|
|
49934
50218
|
const rootClassName = [IconBadge_default.root, className].filter(Boolean).join(" ");
|
|
49935
|
-
const content = /* @__PURE__ */
|
|
49936
|
-
/* @__PURE__ */
|
|
49937
|
-
showBadge ? /* @__PURE__ */
|
|
50219
|
+
const content = /* @__PURE__ */ jsxs143("span", { "aria-hidden": "true", className: IconBadge_default.icon, "data-size": size, "data-tone": tone, children: [
|
|
50220
|
+
/* @__PURE__ */ jsx180(CatalogIcon, { iconName }),
|
|
50221
|
+
showBadge ? /* @__PURE__ */ jsx180("span", { className: IconBadge_default.badge, "data-urgency": urgency, children: formatCount(count, max) }) : null
|
|
49938
50222
|
] });
|
|
49939
50223
|
if (onClick) {
|
|
49940
|
-
return /* @__PURE__ */
|
|
50224
|
+
return /* @__PURE__ */ jsx180(
|
|
49941
50225
|
"button",
|
|
49942
50226
|
{
|
|
49943
50227
|
"aria-label": accessibleLabel,
|
|
@@ -49949,17 +50233,17 @@ function IconBadge({
|
|
|
49949
50233
|
}
|
|
49950
50234
|
);
|
|
49951
50235
|
}
|
|
49952
|
-
return /* @__PURE__ */
|
|
50236
|
+
return /* @__PURE__ */ jsx180("span", { "aria-label": accessibleLabel, className: rootClassName, "data-size": size, role: "img", children: content });
|
|
49953
50237
|
}
|
|
49954
50238
|
|
|
49955
50239
|
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
49956
|
-
import { useEffect as
|
|
50240
|
+
import { useEffect as useEffect64, useRef as useRef58 } from "react";
|
|
49957
50241
|
|
|
49958
50242
|
// ../../components/ApplicationHeader/ApplicationHeader.module.css
|
|
49959
|
-
var ApplicationHeader_default = {"
|
|
50243
|
+
var ApplicationHeader_default = {"profile":"opus_TjZbi8_profile","createMenuIcon":"opus_TjZbi8_createMenuIcon","createButton":"opus_TjZbi8_createButton","root":"opus_TjZbi8_root","content":"opus_TjZbi8_content","brand":"opus_TjZbi8_brand","actions":"opus_TjZbi8_actions","actionGroup":"opus_TjZbi8_actionGroup","search":"opus_TjZbi8_search","logo":"opus_TjZbi8_logo"};
|
|
49960
50244
|
|
|
49961
50245
|
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
49962
|
-
import { Fragment as
|
|
50246
|
+
import { Fragment as Fragment34, jsx as jsx181, jsxs as jsxs144 } from "react/jsx-runtime";
|
|
49963
50247
|
function ApplicationHeader({
|
|
49964
50248
|
actions = [],
|
|
49965
50249
|
brandAlt = "Opus",
|
|
@@ -49978,7 +50262,7 @@ function ApplicationHeader({
|
|
|
49978
50262
|
searchValue = "",
|
|
49979
50263
|
showSearch = true
|
|
49980
50264
|
}) {
|
|
49981
|
-
const searchInputRef =
|
|
50265
|
+
const searchInputRef = useRef58(null);
|
|
49982
50266
|
const notificationActions = actions.filter((action) => action.group === "notification" || action.count !== void 0);
|
|
49983
50267
|
const utilityActions = actions.filter((action) => action.group === "utility" || action.group === void 0 && action.count === void 0);
|
|
49984
50268
|
const handleSearchChange = (event) => {
|
|
@@ -49986,12 +50270,12 @@ function ApplicationHeader({
|
|
|
49986
50270
|
};
|
|
49987
50271
|
const createMenuItems = createItems.map((item) => ({
|
|
49988
50272
|
disabled: item.disabled,
|
|
49989
|
-
icon: item.iconName ? /* @__PURE__ */
|
|
50273
|
+
icon: item.iconName ? /* @__PURE__ */ jsx181("span", { className: ApplicationHeader_default.createMenuIcon, children: /* @__PURE__ */ jsx181(CatalogIcon, { iconName: item.iconName }) }) : void 0,
|
|
49990
50274
|
id: item.id,
|
|
49991
50275
|
label: item.label,
|
|
49992
50276
|
onSelect: item.onSelect
|
|
49993
50277
|
}));
|
|
49994
|
-
|
|
50278
|
+
useEffect64(() => {
|
|
49995
50279
|
var _a2;
|
|
49996
50280
|
if (!showSearch) {
|
|
49997
50281
|
return;
|
|
@@ -50012,18 +50296,18 @@ function ApplicationHeader({
|
|
|
50012
50296
|
window.addEventListener("keydown", handleKeyDown);
|
|
50013
50297
|
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
50014
50298
|
}, [searchShortcut, showSearch]);
|
|
50015
|
-
return /* @__PURE__ */
|
|
50299
|
+
return /* @__PURE__ */ jsxs144(
|
|
50016
50300
|
"header",
|
|
50017
50301
|
{
|
|
50018
50302
|
className: [ApplicationHeader_default.root, className].filter(Boolean).join(" "),
|
|
50019
50303
|
"data-connected": connected ? "true" : "false",
|
|
50020
50304
|
children: [
|
|
50021
|
-
/* @__PURE__ */
|
|
50022
|
-
/* @__PURE__ */
|
|
50023
|
-
showSearch ? /* @__PURE__ */
|
|
50305
|
+
/* @__PURE__ */ jsx181("a", { "aria-label": brandAlt, className: ApplicationHeader_default.brand, href: brandHref, children: /* @__PURE__ */ jsx181("img", { alt: brandAlt, className: ApplicationHeader_default.logo, src: brandSrc }) }),
|
|
50306
|
+
/* @__PURE__ */ jsxs144("div", { className: ApplicationHeader_default.content, children: [
|
|
50307
|
+
showSearch ? /* @__PURE__ */ jsx181("div", { className: ApplicationHeader_default.search, children: /* @__PURE__ */ jsx181(
|
|
50024
50308
|
TextField,
|
|
50025
50309
|
{
|
|
50026
|
-
endAdornment: /* @__PURE__ */
|
|
50310
|
+
endAdornment: /* @__PURE__ */ jsx181(KeyboardShortcut, { keys: searchShortcut, size: "sm" }),
|
|
50027
50311
|
id: "application-header-search",
|
|
50028
50312
|
inputRef: searchInputRef,
|
|
50029
50313
|
label: "Search",
|
|
@@ -50034,9 +50318,9 @@ function ApplicationHeader({
|
|
|
50034
50318
|
value: searchValue,
|
|
50035
50319
|
onChange: handleSearchChange
|
|
50036
50320
|
}
|
|
50037
|
-
) }) : /* @__PURE__ */
|
|
50038
|
-
/* @__PURE__ */
|
|
50039
|
-
createItems.length ? /* @__PURE__ */
|
|
50321
|
+
) }) : /* @__PURE__ */ jsx181("span", {}),
|
|
50322
|
+
/* @__PURE__ */ jsxs144("nav", { "aria-label": "Application actions", className: ApplicationHeader_default.actions, children: [
|
|
50323
|
+
createItems.length ? /* @__PURE__ */ jsx181(
|
|
50040
50324
|
DropdownMenu,
|
|
50041
50325
|
{
|
|
50042
50326
|
items: createMenuItems,
|
|
@@ -50048,11 +50332,11 @@ function ApplicationHeader({
|
|
|
50048
50332
|
}
|
|
50049
50333
|
},
|
|
50050
50334
|
placement: "bottom-end",
|
|
50051
|
-
trigger: /* @__PURE__ */
|
|
50335
|
+
trigger: /* @__PURE__ */ jsx181("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, type: "button", children: /* @__PURE__ */ jsx181(CatalogIcon, { iconName: "plus" }) })
|
|
50052
50336
|
}
|
|
50053
|
-
) : onCreate ? /* @__PURE__ */
|
|
50054
|
-
(createItems.length || onCreate) && actions.length ? /* @__PURE__ */
|
|
50055
|
-
/* @__PURE__ */
|
|
50337
|
+
) : onCreate ? /* @__PURE__ */ jsx181(Tooltip, { content: createLabel, placement: "bottom", children: /* @__PURE__ */ jsx181("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, onClick: onCreate, type: "button", children: /* @__PURE__ */ jsx181(CatalogIcon, { iconName: "plus" }) }) }) : null,
|
|
50338
|
+
(createItems.length || onCreate) && actions.length ? /* @__PURE__ */ jsx181(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
50339
|
+
/* @__PURE__ */ jsx181("div", { className: ApplicationHeader_default.actionGroup, children: notificationActions.map((action) => /* @__PURE__ */ jsx181(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ jsx181(
|
|
50056
50340
|
IconBadge,
|
|
50057
50341
|
{
|
|
50058
50342
|
count: action.count,
|
|
@@ -50062,8 +50346,8 @@ function ApplicationHeader({
|
|
|
50062
50346
|
urgency: action.urgency
|
|
50063
50347
|
}
|
|
50064
50348
|
) }, action.id)) }),
|
|
50065
|
-
notificationActions.length && utilityActions.length ? /* @__PURE__ */
|
|
50066
|
-
/* @__PURE__ */
|
|
50349
|
+
notificationActions.length && utilityActions.length ? /* @__PURE__ */ jsx181(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
50350
|
+
/* @__PURE__ */ jsx181("div", { className: ApplicationHeader_default.actionGroup, children: utilityActions.map((action) => /* @__PURE__ */ jsx181(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ jsx181(
|
|
50067
50351
|
IconBadge,
|
|
50068
50352
|
{
|
|
50069
50353
|
count: action.count,
|
|
@@ -50073,9 +50357,9 @@ function ApplicationHeader({
|
|
|
50073
50357
|
urgency: action.urgency
|
|
50074
50358
|
}
|
|
50075
50359
|
) }, action.id)) }),
|
|
50076
|
-
profile ? /* @__PURE__ */
|
|
50077
|
-
/* @__PURE__ */
|
|
50078
|
-
/* @__PURE__ */
|
|
50360
|
+
profile ? /* @__PURE__ */ jsxs144(Fragment34, { children: [
|
|
50361
|
+
/* @__PURE__ */ jsx181(Divider, { orientation: "vertical", tone: "muted" }),
|
|
50362
|
+
/* @__PURE__ */ jsx181("div", { className: ApplicationHeader_default.profile, children: /* @__PURE__ */ jsx181(
|
|
50079
50363
|
UserProfileWidget,
|
|
50080
50364
|
{
|
|
50081
50365
|
avatarSize: "md",
|
|
@@ -50094,37 +50378,37 @@ function ApplicationHeader({
|
|
|
50094
50378
|
}
|
|
50095
50379
|
|
|
50096
50380
|
// ../../components/ApplicationFooter/ApplicationFooter.module.css
|
|
50097
|
-
var ApplicationFooter_default = {"
|
|
50381
|
+
var ApplicationFooter_default = {"logo":"opus_mphyzH_logo","root":"opus_mphyzH_root","actions":"opus_mphyzH_actions","version":"opus_mphyzH_version","copyright":"opus_mphyzH_copyright","actionSlot":"opus_mphyzH_actionSlot","brand":"opus_mphyzH_brand","action":"opus_mphyzH_action","product":"opus_mphyzH_product"};
|
|
50098
50382
|
|
|
50099
50383
|
// ../../components/ApplicationFooter/ApplicationFooter.tsx
|
|
50100
|
-
import { jsx as
|
|
50384
|
+
import { jsx as jsx182, jsxs as jsxs145 } from "react/jsx-runtime";
|
|
50101
50385
|
function ApplicationFooter({ actions = [], brandAlt = "Opus", brandSrc = "/opus-logo.png", copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opus. All rights reserved.`, onActionSelect, productName = "CRM", version = "v1.0.0" }) {
|
|
50102
|
-
return /* @__PURE__ */
|
|
50103
|
-
/* @__PURE__ */
|
|
50104
|
-
/* @__PURE__ */
|
|
50105
|
-
/* @__PURE__ */
|
|
50106
|
-
/* @__PURE__ */
|
|
50386
|
+
return /* @__PURE__ */ jsxs145("footer", { className: ApplicationFooter_default.root, children: [
|
|
50387
|
+
/* @__PURE__ */ jsxs145("div", { className: ApplicationFooter_default.brand, children: [
|
|
50388
|
+
/* @__PURE__ */ jsx182("img", { alt: brandAlt, className: ApplicationFooter_default.logo, src: brandSrc }),
|
|
50389
|
+
/* @__PURE__ */ jsx182("span", { className: ApplicationFooter_default.product, children: productName }),
|
|
50390
|
+
/* @__PURE__ */ jsx182("span", { className: ApplicationFooter_default.version, children: version })
|
|
50107
50391
|
] }),
|
|
50108
|
-
/* @__PURE__ */
|
|
50109
|
-
/* @__PURE__ */
|
|
50110
|
-
index ? /* @__PURE__ */
|
|
50111
|
-
/* @__PURE__ */
|
|
50392
|
+
/* @__PURE__ */ jsx182("small", { className: ApplicationFooter_default.copyright, children: copyright }),
|
|
50393
|
+
/* @__PURE__ */ jsx182("nav", { "aria-label": "Footer actions", className: ApplicationFooter_default.actions, children: actions.map((action, index) => /* @__PURE__ */ jsxs145("span", { className: ApplicationFooter_default.actionSlot, children: [
|
|
50394
|
+
index ? /* @__PURE__ */ jsx182(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
50395
|
+
/* @__PURE__ */ jsx182(Tooltip, { content: action.label, placement: "top", children: /* @__PURE__ */ jsx182("button", { "aria-label": action.label, className: ApplicationFooter_default.action, onClick: () => {
|
|
50112
50396
|
var _a2;
|
|
50113
50397
|
(_a2 = action.onSelect) == null ? void 0 : _a2.call(action);
|
|
50114
50398
|
onActionSelect == null ? void 0 : onActionSelect(action);
|
|
50115
|
-
}, type: "button", children: /* @__PURE__ */
|
|
50399
|
+
}, type: "button", children: /* @__PURE__ */ jsx182(CatalogIcon, { iconName: action.iconName }) }) })
|
|
50116
50400
|
] }, action.id)) })
|
|
50117
50401
|
] });
|
|
50118
50402
|
}
|
|
50119
50403
|
|
|
50120
50404
|
// ../../components/WelcomeMessage/WelcomeMessage.tsx
|
|
50121
|
-
import { useEffect as
|
|
50405
|
+
import { useEffect as useEffect65, useMemo as useMemo49, useState as useState85 } from "react";
|
|
50122
50406
|
|
|
50123
50407
|
// ../../components/WelcomeMessage/WelcomeMessage.module.css
|
|
50124
|
-
var WelcomeMessage_default = {"
|
|
50408
|
+
var WelcomeMessage_default = {"heading":"opus_cZqjKS_heading","root":"opus_cZqjKS_root","wave":"opus_cZqjKS_wave","welcome-wave":"opus_cZqjKS_welcome-wave","subtitle":"opus_cZqjKS_subtitle"};
|
|
50125
50409
|
|
|
50126
50410
|
// ../../components/WelcomeMessage/WelcomeMessage.tsx
|
|
50127
|
-
import { jsx as
|
|
50411
|
+
import { jsx as jsx183, jsxs as jsxs146 } from "react/jsx-runtime";
|
|
50128
50412
|
function toDate(value) {
|
|
50129
50413
|
if (value instanceof Date) return value;
|
|
50130
50414
|
if (value !== void 0) return new Date(value);
|
|
@@ -50156,8 +50440,8 @@ function WelcomeMessage({
|
|
|
50156
50440
|
timeZone,
|
|
50157
50441
|
updateInterval = 6e4
|
|
50158
50442
|
}) {
|
|
50159
|
-
const [currentDate, setCurrentDate] =
|
|
50160
|
-
|
|
50443
|
+
const [currentDate, setCurrentDate] = useState85(() => toDate(date));
|
|
50444
|
+
useEffect65(() => {
|
|
50161
50445
|
if (date !== void 0) {
|
|
50162
50446
|
setCurrentDate(toDate(date));
|
|
50163
50447
|
return;
|
|
@@ -50169,36 +50453,36 @@ function WelcomeMessage({
|
|
|
50169
50453
|
() => greeting != null ? greeting : `Good ${getWelcomeGreeting(getHour(currentDate, timeZone))}`,
|
|
50170
50454
|
[currentDate, greeting, timeZone]
|
|
50171
50455
|
);
|
|
50172
|
-
return /* @__PURE__ */
|
|
50173
|
-
/* @__PURE__ */
|
|
50456
|
+
return /* @__PURE__ */ jsxs146("div", { className: [WelcomeMessage_default.root, className].filter(Boolean).join(" "), children: [
|
|
50457
|
+
/* @__PURE__ */ jsxs146(Heading, { className: WelcomeMessage_default.heading, suppressHydrationWarning: true, children: [
|
|
50174
50458
|
resolvedGreeting,
|
|
50175
50459
|
", ",
|
|
50176
50460
|
name,
|
|
50177
|
-
showWave ? /* @__PURE__ */
|
|
50461
|
+
showWave ? /* @__PURE__ */ jsx183("span", { "aria-hidden": "true", className: WelcomeMessage_default.wave, children: "\u{1F44B}" }) : null
|
|
50178
50462
|
] }),
|
|
50179
|
-
subtitle ? /* @__PURE__ */
|
|
50463
|
+
subtitle ? /* @__PURE__ */ jsx183("p", { className: WelcomeMessage_default.subtitle, children: subtitle }) : null
|
|
50180
50464
|
] });
|
|
50181
50465
|
}
|
|
50182
50466
|
|
|
50183
50467
|
// ../../components/Desktop/Desktop.tsx
|
|
50184
50468
|
import {
|
|
50185
|
-
useEffect as
|
|
50186
|
-
useRef as
|
|
50187
|
-
useState as
|
|
50469
|
+
useEffect as useEffect68,
|
|
50470
|
+
useRef as useRef61,
|
|
50471
|
+
useState as useState88
|
|
50188
50472
|
} from "react";
|
|
50189
50473
|
|
|
50190
50474
|
// ../../components/DesktopDock/DesktopDock.tsx
|
|
50191
50475
|
import {
|
|
50192
|
-
useEffect as
|
|
50193
|
-
useRef as
|
|
50194
|
-
useState as
|
|
50476
|
+
useEffect as useEffect66,
|
|
50477
|
+
useRef as useRef59,
|
|
50478
|
+
useState as useState86
|
|
50195
50479
|
} from "react";
|
|
50196
50480
|
|
|
50197
50481
|
// ../../components/DesktopIcon/DesktopIcon.module.css
|
|
50198
|
-
var DesktopIcon_default = {"
|
|
50482
|
+
var DesktopIcon_default = {"icon":"opus_Aw_c1o_icon","root":"opus_Aw_c1o_root","label":"opus_Aw_c1o_label"};
|
|
50199
50483
|
|
|
50200
50484
|
// ../../components/DesktopIcon/DesktopIcon.tsx
|
|
50201
|
-
import { jsx as
|
|
50485
|
+
import { jsx as jsx184, jsxs as jsxs147 } from "react/jsx-runtime";
|
|
50202
50486
|
function DesktopIcon({
|
|
50203
50487
|
active,
|
|
50204
50488
|
className,
|
|
@@ -50210,7 +50494,7 @@ function DesktopIcon({
|
|
|
50210
50494
|
selected,
|
|
50211
50495
|
tone = "purple"
|
|
50212
50496
|
}) {
|
|
50213
|
-
return /* @__PURE__ */
|
|
50497
|
+
return /* @__PURE__ */ jsxs147(
|
|
50214
50498
|
"button",
|
|
50215
50499
|
{
|
|
50216
50500
|
"aria-label": `Open ${label}`,
|
|
@@ -50228,18 +50512,18 @@ function DesktopIcon({
|
|
|
50228
50512
|
},
|
|
50229
50513
|
type: "button",
|
|
50230
50514
|
children: [
|
|
50231
|
-
/* @__PURE__ */
|
|
50232
|
-
/* @__PURE__ */
|
|
50515
|
+
/* @__PURE__ */ jsx184("span", { "aria-hidden": "true", className: DesktopIcon_default.icon, children: /* @__PURE__ */ jsx184(CatalogIcon, { iconName: icon }) }),
|
|
50516
|
+
/* @__PURE__ */ jsx184("span", { className: DesktopIcon_default.label, children: label })
|
|
50233
50517
|
]
|
|
50234
50518
|
}
|
|
50235
50519
|
);
|
|
50236
50520
|
}
|
|
50237
50521
|
|
|
50238
50522
|
// ../../components/DesktopDock/DesktopDock.module.css
|
|
50239
|
-
var DesktopDock_default = {"root":"opus_2rzXpn_root","
|
|
50523
|
+
var DesktopDock_default = {"root":"opus_2rzXpn_root","resizeHandle":"opus_2rzXpn_resizeHandle","item":"opus_2rzXpn_item","indicator":"opus_2rzXpn_indicator"};
|
|
50240
50524
|
|
|
50241
50525
|
// ../../components/DesktopDock/DesktopDock.tsx
|
|
50242
|
-
import { jsx as
|
|
50526
|
+
import { jsx as jsx185, jsxs as jsxs148 } from "react/jsx-runtime";
|
|
50243
50527
|
function DesktopDock({
|
|
50244
50528
|
autoHide = false,
|
|
50245
50529
|
className,
|
|
@@ -50252,15 +50536,15 @@ function DesktopDock({
|
|
|
50252
50536
|
resizable = true,
|
|
50253
50537
|
size: controlledSize
|
|
50254
50538
|
}) {
|
|
50255
|
-
const [internalSize, setInternalSize] =
|
|
50539
|
+
const [internalSize, setInternalSize] = useState86(40);
|
|
50256
50540
|
const size = controlledSize != null ? controlledSize : internalSize;
|
|
50257
|
-
const dragRef =
|
|
50541
|
+
const dragRef = useRef59(null);
|
|
50258
50542
|
const setSize = (next) => {
|
|
50259
50543
|
const bounded = Math.max(minSize, Math.min(maxSize, Math.round(next)));
|
|
50260
50544
|
if (controlledSize === void 0) setInternalSize(bounded);
|
|
50261
50545
|
onSizeChange == null ? void 0 : onSizeChange(bounded);
|
|
50262
50546
|
};
|
|
50263
|
-
|
|
50547
|
+
useEffect66(() => {
|
|
50264
50548
|
const move = (event) => {
|
|
50265
50549
|
const drag = dragRef.current;
|
|
50266
50550
|
if (!drag) return;
|
|
@@ -50285,7 +50569,7 @@ function DesktopDock({
|
|
|
50285
50569
|
event.stopPropagation();
|
|
50286
50570
|
dragRef.current = { origin: size, startX: event.clientX, startY: event.clientY };
|
|
50287
50571
|
};
|
|
50288
|
-
return /* @__PURE__ */
|
|
50572
|
+
return /* @__PURE__ */ jsxs148(
|
|
50289
50573
|
"nav",
|
|
50290
50574
|
{
|
|
50291
50575
|
"aria-label": "Desktop dock",
|
|
@@ -50294,7 +50578,7 @@ function DesktopDock({
|
|
|
50294
50578
|
"data-position": position,
|
|
50295
50579
|
style: { "--desktop-dock-size": `${size}px` },
|
|
50296
50580
|
children: [
|
|
50297
|
-
resizable ? /* @__PURE__ */
|
|
50581
|
+
resizable ? /* @__PURE__ */ jsx185(
|
|
50298
50582
|
"div",
|
|
50299
50583
|
{
|
|
50300
50584
|
"aria-label": "Resize desktop dock",
|
|
@@ -50312,14 +50596,14 @@ function DesktopDock({
|
|
|
50312
50596
|
tabIndex: 0
|
|
50313
50597
|
}
|
|
50314
50598
|
) : null,
|
|
50315
|
-
items.map((item) => /* @__PURE__ */
|
|
50599
|
+
items.map((item) => /* @__PURE__ */ jsxs148(
|
|
50316
50600
|
"span",
|
|
50317
50601
|
{
|
|
50318
50602
|
className: DesktopDock_default.item,
|
|
50319
50603
|
"data-active": item.active || void 0,
|
|
50320
50604
|
onClick: () => onItemClick == null ? void 0 : onItemClick(item),
|
|
50321
50605
|
children: [
|
|
50322
|
-
/* @__PURE__ */
|
|
50606
|
+
/* @__PURE__ */ jsx185(
|
|
50323
50607
|
DesktopIcon,
|
|
50324
50608
|
{
|
|
50325
50609
|
active: item.active,
|
|
@@ -50329,7 +50613,7 @@ function DesktopDock({
|
|
|
50329
50613
|
tone: item.tone
|
|
50330
50614
|
}
|
|
50331
50615
|
),
|
|
50332
|
-
item.active ? /* @__PURE__ */
|
|
50616
|
+
item.active ? /* @__PURE__ */ jsx185(
|
|
50333
50617
|
"span",
|
|
50334
50618
|
{
|
|
50335
50619
|
"aria-hidden": "true",
|
|
@@ -50348,16 +50632,16 @@ function DesktopDock({
|
|
|
50348
50632
|
|
|
50349
50633
|
// ../../components/DesktopWindow/DesktopWindow.tsx
|
|
50350
50634
|
import {
|
|
50351
|
-
useEffect as
|
|
50352
|
-
useRef as
|
|
50353
|
-
useState as
|
|
50635
|
+
useEffect as useEffect67,
|
|
50636
|
+
useRef as useRef60,
|
|
50637
|
+
useState as useState87
|
|
50354
50638
|
} from "react";
|
|
50355
50639
|
|
|
50356
50640
|
// ../../components/DesktopWindow/DesktopWindow.module.css
|
|
50357
|
-
var DesktopWindow_default = {"desktop-window-restore-
|
|
50641
|
+
var DesktopWindow_default = {"desktop-window-restore-right":"opus_o4H-Ol_desktop-window-restore-right","desktop-window-activate":"opus_o4H-Ol_desktop-window-activate","desktop-window-open":"opus_o4H-Ol_desktop-window-open","root":"opus_o4H-Ol_root","body":"opus_o4H-Ol_body","controls":"opus_o4H-Ol_controls","minimize":"opus_o4H-Ol_minimize","titlebar":"opus_o4H-Ol_titlebar","title":"opus_o4H-Ol_title","desktop-window-restore-left":"opus_o4H-Ol_desktop-window-restore-left","desktop-window-restore-bottom":"opus_o4H-Ol_desktop-window-restore-bottom","desktop-window-close":"opus_o4H-Ol_desktop-window-close","close":"opus_o4H-Ol_close","maximize":"opus_o4H-Ol_maximize","resize":"opus_o4H-Ol_resize"};
|
|
50358
50642
|
|
|
50359
50643
|
// ../../components/DesktopWindow/DesktopWindow.tsx
|
|
50360
|
-
import { jsx as
|
|
50644
|
+
import { jsx as jsx186, jsxs as jsxs149 } from "react/jsx-runtime";
|
|
50361
50645
|
var fallbackRect = { height: 330, width: 520, x: 130, y: 70 };
|
|
50362
50646
|
function DesktopWindow({
|
|
50363
50647
|
active,
|
|
@@ -50380,16 +50664,16 @@ function DesktopWindow({
|
|
|
50380
50664
|
tone = "purple",
|
|
50381
50665
|
zIndex = 1
|
|
50382
50666
|
}) {
|
|
50383
|
-
const [closing, setClosing] =
|
|
50384
|
-
const [entering, setEntering] =
|
|
50385
|
-
const [internalRect, setInternalRect] =
|
|
50386
|
-
const [motion, setMotion] =
|
|
50387
|
-
const [present, setPresent] =
|
|
50667
|
+
const [closing, setClosing] = useState87(false);
|
|
50668
|
+
const [entering, setEntering] = useState87(open && !minimized);
|
|
50669
|
+
const [internalRect, setInternalRect] = useState87(defaultRect);
|
|
50670
|
+
const [motion, setMotion] = useState87("idle");
|
|
50671
|
+
const [present, setPresent] = useState87(open && !minimized);
|
|
50388
50672
|
const rect = controlledRect != null ? controlledRect : internalRect;
|
|
50389
|
-
const rootRef =
|
|
50390
|
-
const sessionRef =
|
|
50391
|
-
const dragLockRef =
|
|
50392
|
-
const selectionStyleRef =
|
|
50673
|
+
const rootRef = useRef60(null);
|
|
50674
|
+
const sessionRef = useRef60(null);
|
|
50675
|
+
const dragLockRef = useRef60(false);
|
|
50676
|
+
const selectionStyleRef = useRef60(null);
|
|
50393
50677
|
const lockSelection = () => {
|
|
50394
50678
|
var _a2;
|
|
50395
50679
|
dragLockRef.current = true;
|
|
@@ -50440,7 +50724,7 @@ function DesktopWindow({
|
|
|
50440
50724
|
sessionRef.current = null;
|
|
50441
50725
|
unlockSelection();
|
|
50442
50726
|
};
|
|
50443
|
-
|
|
50727
|
+
useEffect67(() => {
|
|
50444
50728
|
let timer;
|
|
50445
50729
|
if (open) {
|
|
50446
50730
|
setClosing(false);
|
|
@@ -50459,7 +50743,7 @@ function DesktopWindow({
|
|
|
50459
50743
|
if (timer) clearTimeout(timer);
|
|
50460
50744
|
};
|
|
50461
50745
|
}, [open]);
|
|
50462
|
-
|
|
50746
|
+
useEffect67(() => {
|
|
50463
50747
|
let timer;
|
|
50464
50748
|
if (!open) return;
|
|
50465
50749
|
if (minimized) {
|
|
@@ -50475,7 +50759,7 @@ function DesktopWindow({
|
|
|
50475
50759
|
if (timer) clearTimeout(timer);
|
|
50476
50760
|
};
|
|
50477
50761
|
}, [minimized, open]);
|
|
50478
|
-
|
|
50762
|
+
useEffect67(() => {
|
|
50479
50763
|
const move = (event) => {
|
|
50480
50764
|
var _a2, _b2, _c2;
|
|
50481
50765
|
const session = sessionRef.current;
|
|
@@ -50535,7 +50819,7 @@ function DesktopWindow({
|
|
|
50535
50819
|
window.removeEventListener("pointercancel", finishInteraction);
|
|
50536
50820
|
};
|
|
50537
50821
|
});
|
|
50538
|
-
|
|
50822
|
+
useEffect67(() => () => {
|
|
50539
50823
|
unlockSelection();
|
|
50540
50824
|
}, []);
|
|
50541
50825
|
if (!present) return null;
|
|
@@ -50580,7 +50864,7 @@ function DesktopWindow({
|
|
|
50580
50864
|
};
|
|
50581
50865
|
};
|
|
50582
50866
|
const style = maximized ? { height: "100%", left: 0, top: 0, width: "100%", zIndex } : { height: rect.height, left: rect.x, top: rect.y, width: rect.width, zIndex };
|
|
50583
|
-
return /* @__PURE__ */
|
|
50867
|
+
return /* @__PURE__ */ jsxs149(
|
|
50584
50868
|
"article",
|
|
50585
50869
|
{
|
|
50586
50870
|
"aria-label": `${title} window`,
|
|
@@ -50598,25 +50882,25 @@ function DesktopWindow({
|
|
|
50598
50882
|
ref: rootRef,
|
|
50599
50883
|
style,
|
|
50600
50884
|
children: [
|
|
50601
|
-
/* @__PURE__ */
|
|
50602
|
-
/* @__PURE__ */
|
|
50603
|
-
/* @__PURE__ */
|
|
50604
|
-
/* @__PURE__ */
|
|
50605
|
-
/* @__PURE__ */
|
|
50885
|
+
/* @__PURE__ */ jsxs149("header", { className: DesktopWindow_default.titlebar, onDoubleClick: () => onMaximize == null ? void 0 : onMaximize(!maximized), onPointerDown: startMove, children: [
|
|
50886
|
+
/* @__PURE__ */ jsxs149("div", { "aria-label": "Window controls", className: DesktopWindow_default.controls, children: [
|
|
50887
|
+
/* @__PURE__ */ jsx186("button", { "aria-label": `Close ${title}`, className: DesktopWindow_default.close, onClick: onClose, type: "button", children: /* @__PURE__ */ jsx186(CatalogIcon, { iconName: "xmark" }) }),
|
|
50888
|
+
/* @__PURE__ */ jsx186("button", { "aria-label": `Minimize ${title}`, className: DesktopWindow_default.minimize, onClick: onMinimize, type: "button", children: /* @__PURE__ */ jsx186(CatalogIcon, { iconName: "minus" }) }),
|
|
50889
|
+
/* @__PURE__ */ jsx186(
|
|
50606
50890
|
"button",
|
|
50607
50891
|
{
|
|
50608
50892
|
"aria-label": `${maximized ? "Restore" : "Maximize"} ${title}`,
|
|
50609
50893
|
className: DesktopWindow_default.maximize,
|
|
50610
50894
|
onClick: () => onMaximize == null ? void 0 : onMaximize(!maximized),
|
|
50611
50895
|
type: "button",
|
|
50612
|
-
children: /* @__PURE__ */
|
|
50896
|
+
children: /* @__PURE__ */ jsx186(CatalogIcon, { iconName: maximized ? "down-left-and-up-right-to-center" : "expand" })
|
|
50613
50897
|
}
|
|
50614
50898
|
)
|
|
50615
50899
|
] }),
|
|
50616
|
-
/* @__PURE__ */
|
|
50900
|
+
/* @__PURE__ */ jsx186("div", { className: DesktopWindow_default.title, children: /* @__PURE__ */ jsx186("span", { children: title }) })
|
|
50617
50901
|
] }),
|
|
50618
|
-
/* @__PURE__ */
|
|
50619
|
-
["n", "ne", "e", "se", "s", "sw", "w", "nw"].map((edge) => /* @__PURE__ */
|
|
50902
|
+
/* @__PURE__ */ jsx186("div", { className: DesktopWindow_default.body, children }),
|
|
50903
|
+
["n", "ne", "e", "se", "s", "sw", "w", "nw"].map((edge) => /* @__PURE__ */ jsx186(
|
|
50620
50904
|
"span",
|
|
50621
50905
|
{
|
|
50622
50906
|
"aria-hidden": "true",
|
|
@@ -50632,10 +50916,10 @@ function DesktopWindow({
|
|
|
50632
50916
|
}
|
|
50633
50917
|
|
|
50634
50918
|
// ../../components/Desktop/Desktop.module.css
|
|
50635
|
-
var Desktop_default = {"
|
|
50919
|
+
var Desktop_default = {"root":"opus_x1XVZi_root","shortcut":"opus_x1XVZi_shortcut","shortcuts":"opus_x1XVZi_shortcuts"};
|
|
50636
50920
|
|
|
50637
50921
|
// ../../components/Desktop/Desktop.tsx
|
|
50638
|
-
import { jsx as
|
|
50922
|
+
import { jsx as jsx187, jsxs as jsxs150 } from "react/jsx-runtime";
|
|
50639
50923
|
function Desktop({
|
|
50640
50924
|
className,
|
|
50641
50925
|
dockItems = [],
|
|
@@ -50650,9 +50934,9 @@ function Desktop({
|
|
|
50650
50934
|
windows = []
|
|
50651
50935
|
}) {
|
|
50652
50936
|
var _a2;
|
|
50653
|
-
const [items, setItems] =
|
|
50654
|
-
const [selectedShortcut, setSelectedShortcut] =
|
|
50655
|
-
const [shortcutPositions, setShortcutPositions] =
|
|
50937
|
+
const [items, setItems] = useState88(windows);
|
|
50938
|
+
const [selectedShortcut, setSelectedShortcut] = useState88(null);
|
|
50939
|
+
const [shortcutPositions, setShortcutPositions] = useState88(
|
|
50656
50940
|
() => Object.fromEntries(
|
|
50657
50941
|
shortcuts.map((shortcut, index) => {
|
|
50658
50942
|
var _a3, _b2;
|
|
@@ -50663,9 +50947,9 @@ function Desktop({
|
|
|
50663
50947
|
})
|
|
50664
50948
|
)
|
|
50665
50949
|
);
|
|
50666
|
-
const rootRef =
|
|
50667
|
-
const shortcutDragRef =
|
|
50668
|
-
const suppressShortcutOpenRef =
|
|
50950
|
+
const rootRef = useRef61(null);
|
|
50951
|
+
const shortcutDragRef = useRef61(null);
|
|
50952
|
+
const suppressShortcutOpenRef = useRef61(null);
|
|
50669
50953
|
const maxZ = Math.max(1, ...items.map((item) => {
|
|
50670
50954
|
var _a3;
|
|
50671
50955
|
return (_a3 = item.zIndex) != null ? _a3 : 1;
|
|
@@ -50687,7 +50971,7 @@ function Desktop({
|
|
|
50687
50971
|
update(id, { minimized: false, open: true, tone, zIndex: maxZ + 1 });
|
|
50688
50972
|
onAction == null ? void 0 : onAction("open", id);
|
|
50689
50973
|
};
|
|
50690
|
-
|
|
50974
|
+
useEffect68(() => {
|
|
50691
50975
|
const move = (event) => {
|
|
50692
50976
|
const drag = shortcutDragRef.current;
|
|
50693
50977
|
const root = rootRef.current;
|
|
@@ -50718,7 +51002,7 @@ function Desktop({
|
|
|
50718
51002
|
window.removeEventListener("pointercancel", end);
|
|
50719
51003
|
};
|
|
50720
51004
|
}, []);
|
|
50721
|
-
|
|
51005
|
+
useEffect68(() => {
|
|
50722
51006
|
setItems((current) => {
|
|
50723
51007
|
const existingIds = new Set(current.map((item) => item.id));
|
|
50724
51008
|
const additions = windows.filter((item) => !existingIds.has(item.id));
|
|
@@ -50754,7 +51038,7 @@ function Desktop({
|
|
|
50754
51038
|
startY: event.clientY
|
|
50755
51039
|
};
|
|
50756
51040
|
};
|
|
50757
|
-
return /* @__PURE__ */
|
|
51041
|
+
return /* @__PURE__ */ jsxs150(
|
|
50758
51042
|
"section",
|
|
50759
51043
|
{
|
|
50760
51044
|
"aria-label": "Desktop",
|
|
@@ -50767,17 +51051,17 @@ function Desktop({
|
|
|
50767
51051
|
},
|
|
50768
51052
|
ref: rootRef,
|
|
50769
51053
|
children: [
|
|
50770
|
-
/* @__PURE__ */
|
|
51054
|
+
/* @__PURE__ */ jsx187("div", { className: Desktop_default.shortcuts, "aria-label": "Desktop shortcuts", children: shortcuts.map((shortcut) => {
|
|
50771
51055
|
var _a3;
|
|
50772
51056
|
const position = (_a3 = shortcutPositions[shortcut.id]) != null ? _a3 : { x: 14, y: 18 };
|
|
50773
|
-
return /* @__PURE__ */
|
|
51057
|
+
return /* @__PURE__ */ jsx187(
|
|
50774
51058
|
"div",
|
|
50775
51059
|
{
|
|
50776
51060
|
className: Desktop_default.shortcut,
|
|
50777
51061
|
onDragStart: (event) => event.preventDefault(),
|
|
50778
51062
|
onPointerDown: startShortcutDrag(shortcut),
|
|
50779
51063
|
style: { transform: `translate3d(${position.x}px, ${position.y}px, 0)` },
|
|
50780
|
-
children: /* @__PURE__ */
|
|
51064
|
+
children: /* @__PURE__ */ jsx187(
|
|
50781
51065
|
DesktopIcon,
|
|
50782
51066
|
{
|
|
50783
51067
|
icon: shortcut.icon,
|
|
@@ -50801,7 +51085,7 @@ function Desktop({
|
|
|
50801
51085
|
}) }),
|
|
50802
51086
|
items.map((item) => {
|
|
50803
51087
|
var _a3, _b2;
|
|
50804
|
-
return /* @__PURE__ */
|
|
51088
|
+
return /* @__PURE__ */ jsx187(
|
|
50805
51089
|
DesktopWindow,
|
|
50806
51090
|
{
|
|
50807
51091
|
active: item.id === activeId,
|
|
@@ -50833,7 +51117,7 @@ function Desktop({
|
|
|
50833
51117
|
item.id
|
|
50834
51118
|
);
|
|
50835
51119
|
}),
|
|
50836
|
-
/* @__PURE__ */
|
|
51120
|
+
/* @__PURE__ */ jsx187(
|
|
50837
51121
|
DesktopDock,
|
|
50838
51122
|
{
|
|
50839
51123
|
autoHide: dockAutoHide,
|
|
@@ -50875,39 +51159,39 @@ var demoVideoTracks = [
|
|
|
50875
51159
|
];
|
|
50876
51160
|
|
|
50877
51161
|
// ../../components/DesktopLab/DesktopLab.module.css
|
|
50878
|
-
var DesktopLab_default = {"
|
|
51162
|
+
var DesktopLab_default = {"activity":"opus_dES1xR_activity","settingsList":"opus_dES1xR_settingsList","contactList":"opus_dES1xR_contactList","files":"opus_dES1xR_files","video":"opus_dES1xR_video","explorer":"opus_dES1xR_explorer","contacts":"opus_dES1xR_contacts","settings":"opus_dES1xR_settings","contactAvatar":"opus_dES1xR_contactAvatar"};
|
|
50879
51163
|
|
|
50880
51164
|
// ../../components/DesktopLab/DesktopLab.tsx
|
|
50881
|
-
import { jsx as
|
|
51165
|
+
import { jsx as jsx188, jsxs as jsxs151 } from "react/jsx-runtime";
|
|
50882
51166
|
function ExplorerContent({ onAction }) {
|
|
50883
|
-
return /* @__PURE__ */
|
|
50884
|
-
/* @__PURE__ */
|
|
50885
|
-
/* @__PURE__ */
|
|
51167
|
+
return /* @__PURE__ */ jsxs151("div", { className: DesktopLab_default.explorer, children: [
|
|
51168
|
+
/* @__PURE__ */ jsx188("aside", { children: ["Home", "Documents", "Pictures", "Shared"].map((label) => /* @__PURE__ */ jsxs151("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${label}`), type: "button", children: [
|
|
51169
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "folder" }),
|
|
50886
51170
|
label
|
|
50887
51171
|
] }, label)) }),
|
|
50888
|
-
/* @__PURE__ */
|
|
50889
|
-
/* @__PURE__ */
|
|
50890
|
-
/* @__PURE__ */
|
|
50891
|
-
/* @__PURE__ */
|
|
50892
|
-
/* @__PURE__ */
|
|
51172
|
+
/* @__PURE__ */ jsxs151("main", { children: [
|
|
51173
|
+
/* @__PURE__ */ jsx188("h2", { children: "Recent documents" }),
|
|
51174
|
+
/* @__PURE__ */ jsx188("div", { className: DesktopLab_default.files, children: ["CRM brief.pdf", "Q3 forecast.xlsx", "Brand assets", "Customer notes.docx"].map((name, index) => /* @__PURE__ */ jsxs151("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${name}`), type: "button", children: [
|
|
51175
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: index === 2 ? "folder" : "file-lines" }),
|
|
51176
|
+
/* @__PURE__ */ jsx188("span", { children: name })
|
|
50893
51177
|
] }, name)) })
|
|
50894
51178
|
] })
|
|
50895
51179
|
] });
|
|
50896
51180
|
}
|
|
50897
51181
|
function ActivityContent({ onAction }) {
|
|
50898
|
-
return /* @__PURE__ */
|
|
50899
|
-
/* @__PURE__ */
|
|
51182
|
+
return /* @__PURE__ */ jsxs151("div", { className: DesktopLab_default.activity, children: [
|
|
51183
|
+
/* @__PURE__ */ jsx188("h2", { children: "Activity" }),
|
|
50900
51184
|
[
|
|
50901
51185
|
["Emma Davis", "Proposal approved", "success"],
|
|
50902
51186
|
["Michael Brown", "New task assigned", "accent"],
|
|
50903
51187
|
["Olivia Wilson", "Invoice needs review", "warning"]
|
|
50904
|
-
].map(([name, detail, tone]) => /* @__PURE__ */
|
|
50905
|
-
/* @__PURE__ */
|
|
50906
|
-
/* @__PURE__ */
|
|
50907
|
-
/* @__PURE__ */
|
|
50908
|
-
/* @__PURE__ */
|
|
51188
|
+
].map(([name, detail, tone]) => /* @__PURE__ */ jsxs151("button", { onClick: () => onAction == null ? void 0 : onAction(`Open activity for ${name}`), type: "button", children: [
|
|
51189
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "bell" }),
|
|
51190
|
+
/* @__PURE__ */ jsxs151("span", { children: [
|
|
51191
|
+
/* @__PURE__ */ jsx188("strong", { children: name }),
|
|
51192
|
+
/* @__PURE__ */ jsx188("small", { children: detail })
|
|
50909
51193
|
] }),
|
|
50910
|
-
/* @__PURE__ */
|
|
51194
|
+
/* @__PURE__ */ jsx188(Badge, { label: "Open", size: "sm", tone })
|
|
50911
51195
|
] }, name))
|
|
50912
51196
|
] });
|
|
50913
51197
|
}
|
|
@@ -50918,21 +51202,21 @@ function SettingsContent({ onAction }) {
|
|
|
50918
51202
|
{ detail: "Privacy and account protection", icon: "shield-halved", id: "privacy", label: "Privacy & Security" },
|
|
50919
51203
|
{ detail: "Keyboard, display and accessibility", icon: "universal-access", id: "accessibility", label: "Accessibility" }
|
|
50920
51204
|
];
|
|
50921
|
-
return /* @__PURE__ */
|
|
50922
|
-
/* @__PURE__ */
|
|
50923
|
-
/* @__PURE__ */
|
|
50924
|
-
/* @__PURE__ */
|
|
51205
|
+
return /* @__PURE__ */ jsxs151("div", { className: DesktopLab_default.settings, children: [
|
|
51206
|
+
/* @__PURE__ */ jsx188("h2", { children: "Settings" }),
|
|
51207
|
+
/* @__PURE__ */ jsx188("p", { children: "Choose an area to configure your workspace." }),
|
|
51208
|
+
/* @__PURE__ */ jsx188("div", { className: DesktopLab_default.settingsList, children: settings.map((setting) => /* @__PURE__ */ jsxs151(
|
|
50925
51209
|
"button",
|
|
50926
51210
|
{
|
|
50927
51211
|
onClick: () => onAction == null ? void 0 : onAction(`Open ${setting.label} settings`),
|
|
50928
51212
|
type: "button",
|
|
50929
51213
|
children: [
|
|
50930
|
-
/* @__PURE__ */
|
|
50931
|
-
/* @__PURE__ */
|
|
50932
|
-
/* @__PURE__ */
|
|
50933
|
-
/* @__PURE__ */
|
|
51214
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: setting.icon }),
|
|
51215
|
+
/* @__PURE__ */ jsxs151("span", { children: [
|
|
51216
|
+
/* @__PURE__ */ jsx188("strong", { children: setting.label }),
|
|
51217
|
+
/* @__PURE__ */ jsx188("small", { children: setting.detail })
|
|
50934
51218
|
] }),
|
|
50935
|
-
/* @__PURE__ */
|
|
51219
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "chevron-right" })
|
|
50936
51220
|
]
|
|
50937
51221
|
},
|
|
50938
51222
|
setting.id
|
|
@@ -50946,30 +51230,30 @@ function ContactsContent({ onAction }) {
|
|
|
50946
51230
|
{ company: "Global Corp", initials: "OW", name: "Olivia Wilson", status: "Away" },
|
|
50947
51231
|
{ company: "Northstar", initials: "NP", name: "Noah Patel", status: "Online" }
|
|
50948
51232
|
];
|
|
50949
|
-
return /* @__PURE__ */
|
|
50950
|
-
/* @__PURE__ */
|
|
50951
|
-
/* @__PURE__ */
|
|
50952
|
-
/* @__PURE__ */
|
|
50953
|
-
/* @__PURE__ */
|
|
51233
|
+
return /* @__PURE__ */ jsxs151("div", { className: DesktopLab_default.contacts, children: [
|
|
51234
|
+
/* @__PURE__ */ jsxs151("header", { children: [
|
|
51235
|
+
/* @__PURE__ */ jsxs151("div", { children: [
|
|
51236
|
+
/* @__PURE__ */ jsx188("h2", { children: "Contacts" }),
|
|
51237
|
+
/* @__PURE__ */ jsx188("p", { children: "Your recent CRM contacts." })
|
|
50954
51238
|
] }),
|
|
50955
|
-
/* @__PURE__ */
|
|
50956
|
-
/* @__PURE__ */
|
|
51239
|
+
/* @__PURE__ */ jsxs151("button", { onClick: () => onAction == null ? void 0 : onAction("Add contact"), type: "button", children: [
|
|
51240
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "plus" }),
|
|
50957
51241
|
"Add contact"
|
|
50958
51242
|
] })
|
|
50959
51243
|
] }),
|
|
50960
|
-
/* @__PURE__ */
|
|
51244
|
+
/* @__PURE__ */ jsx188("div", { className: DesktopLab_default.contactList, children: contacts.map((contact) => /* @__PURE__ */ jsxs151(
|
|
50961
51245
|
"button",
|
|
50962
51246
|
{
|
|
50963
51247
|
onClick: () => onAction == null ? void 0 : onAction(`Open contact ${contact.name}`),
|
|
50964
51248
|
type: "button",
|
|
50965
51249
|
children: [
|
|
50966
|
-
/* @__PURE__ */
|
|
50967
|
-
/* @__PURE__ */
|
|
50968
|
-
/* @__PURE__ */
|
|
50969
|
-
/* @__PURE__ */
|
|
51250
|
+
/* @__PURE__ */ jsx188("span", { className: DesktopLab_default.contactAvatar, children: contact.initials }),
|
|
51251
|
+
/* @__PURE__ */ jsxs151("span", { children: [
|
|
51252
|
+
/* @__PURE__ */ jsx188("strong", { children: contact.name }),
|
|
51253
|
+
/* @__PURE__ */ jsx188("small", { children: contact.company })
|
|
50970
51254
|
] }),
|
|
50971
|
-
/* @__PURE__ */
|
|
50972
|
-
/* @__PURE__ */
|
|
51255
|
+
/* @__PURE__ */ jsx188("small", { children: contact.status }),
|
|
51256
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "chevron-right" })
|
|
50973
51257
|
]
|
|
50974
51258
|
},
|
|
50975
51259
|
contact.name
|
|
@@ -50977,7 +51261,7 @@ function ContactsContent({ onAction }) {
|
|
|
50977
51261
|
] });
|
|
50978
51262
|
}
|
|
50979
51263
|
function VideoContent({ onAction }) {
|
|
50980
|
-
return /* @__PURE__ */
|
|
51264
|
+
return /* @__PURE__ */ jsx188("div", { className: DesktopLab_default.video, children: /* @__PURE__ */ jsx188(
|
|
50981
51265
|
VideoPlayer,
|
|
50982
51266
|
{
|
|
50983
51267
|
edgeToEdge: true,
|
|
@@ -50996,7 +51280,7 @@ function DesktopLab({
|
|
|
50996
51280
|
}) {
|
|
50997
51281
|
const apps = [
|
|
50998
51282
|
{
|
|
50999
|
-
content: /* @__PURE__ */
|
|
51283
|
+
content: /* @__PURE__ */ jsx188(ExplorerContent, { onAction }),
|
|
51000
51284
|
dock: true,
|
|
51001
51285
|
icon: "folder-open",
|
|
51002
51286
|
id: "files",
|
|
@@ -51008,7 +51292,7 @@ function DesktopLab({
|
|
|
51008
51292
|
zIndex: 2
|
|
51009
51293
|
},
|
|
51010
51294
|
{
|
|
51011
|
-
content: /* @__PURE__ */
|
|
51295
|
+
content: /* @__PURE__ */ jsx188(ActivityContent, { onAction }),
|
|
51012
51296
|
dock: true,
|
|
51013
51297
|
icon: "bell",
|
|
51014
51298
|
id: "activity",
|
|
@@ -51019,7 +51303,7 @@ function DesktopLab({
|
|
|
51019
51303
|
zIndex: 3
|
|
51020
51304
|
},
|
|
51021
51305
|
{
|
|
51022
|
-
content: /* @__PURE__ */
|
|
51306
|
+
content: /* @__PURE__ */ jsx188(SettingsContent, { onAction }),
|
|
51023
51307
|
dock: true,
|
|
51024
51308
|
icon: "gear",
|
|
51025
51309
|
id: "settings",
|
|
@@ -51031,7 +51315,7 @@ function DesktopLab({
|
|
|
51031
51315
|
zIndex: 4
|
|
51032
51316
|
},
|
|
51033
51317
|
{
|
|
51034
|
-
content: /* @__PURE__ */
|
|
51318
|
+
content: /* @__PURE__ */ jsx188(ContactsContent, { onAction }),
|
|
51035
51319
|
dock: true,
|
|
51036
51320
|
icon: "users",
|
|
51037
51321
|
id: "contacts",
|
|
@@ -51043,7 +51327,7 @@ function DesktopLab({
|
|
|
51043
51327
|
zIndex: 5
|
|
51044
51328
|
},
|
|
51045
51329
|
{
|
|
51046
|
-
content: /* @__PURE__ */
|
|
51330
|
+
content: /* @__PURE__ */ jsx188(VideoContent, { onAction }),
|
|
51047
51331
|
dock: true,
|
|
51048
51332
|
icon: "circle-play",
|
|
51049
51333
|
id: "video",
|
|
@@ -51065,7 +51349,7 @@ function DesktopLab({
|
|
|
51065
51349
|
tone: app.tone,
|
|
51066
51350
|
zIndex: app.zIndex
|
|
51067
51351
|
}));
|
|
51068
|
-
return /* @__PURE__ */
|
|
51352
|
+
return /* @__PURE__ */ jsx188(
|
|
51069
51353
|
Desktop,
|
|
51070
51354
|
{
|
|
51071
51355
|
dockAutoHide,
|
|
@@ -51093,10 +51377,10 @@ function DesktopLab({
|
|
|
51093
51377
|
// ../../components/FontPicker/FontPicker.tsx
|
|
51094
51378
|
import {
|
|
51095
51379
|
useCallback as useCallback34,
|
|
51096
|
-
useEffect as
|
|
51380
|
+
useEffect as useEffect69,
|
|
51097
51381
|
useMemo as useMemo50,
|
|
51098
|
-
useRef as
|
|
51099
|
-
useState as
|
|
51382
|
+
useRef as useRef62,
|
|
51383
|
+
useState as useState89
|
|
51100
51384
|
} from "react";
|
|
51101
51385
|
import { faRotateLeft as faRotateLeft3 } from "@fortawesome/free-solid-svg-icons";
|
|
51102
51386
|
import { FontAwesomeIcon as FontAwesomeIcon18 } from "@fortawesome/react-fontawesome";
|
|
@@ -51211,10 +51495,10 @@ var googleFonts = [
|
|
|
51211
51495
|
];
|
|
51212
51496
|
|
|
51213
51497
|
// ../../components/FontPicker/FontPicker.module.css
|
|
51214
|
-
var FontPicker_default = {"
|
|
51498
|
+
var FontPicker_default = {"dropdown":"opus_ub1fhz_dropdown","empty":"opus_ub1fhz_empty","options":"opus_ub1fhz_options","optionPreview":"opus_ub1fhz_optionPreview","searchWrap":"opus_ub1fhz_searchWrap","reset":"opus_ub1fhz_reset","search":"opus_ub1fhz_search","chevron":"opus_ub1fhz_chevron","triggerText":"opus_ub1fhz_triggerText","trigger":"opus_ub1fhz_trigger","label":"opus_ub1fhz_label","field":"opus_ub1fhz_field","optionName":"opus_ub1fhz_optionName","picker":"opus_ub1fhz_picker","option":"opus_ub1fhz_option","fieldCompact":"opus_ub1fhz_fieldCompact"};
|
|
51215
51499
|
|
|
51216
51500
|
// ../../components/FontPicker/FontPicker.tsx
|
|
51217
|
-
import { jsx as
|
|
51501
|
+
import { jsx as jsx189, jsxs as jsxs152 } from "react/jsx-runtime";
|
|
51218
51502
|
var FONT_STORAGE_KEY = "opus-components-font";
|
|
51219
51503
|
var DEFAULT_FONT_FAMILY = "Space Grotesk";
|
|
51220
51504
|
var fontSet = new Set(googleFonts);
|
|
@@ -51262,8 +51546,8 @@ function applyDocumentFont(family) {
|
|
|
51262
51546
|
loadSelectedFont(family);
|
|
51263
51547
|
}
|
|
51264
51548
|
function useFontPreference() {
|
|
51265
|
-
const [fontFamily, setFontFamilyState] =
|
|
51266
|
-
|
|
51549
|
+
const [fontFamily, setFontFamilyState] = useState89(DEFAULT_FONT_FAMILY);
|
|
51550
|
+
useEffect69(() => {
|
|
51267
51551
|
const timeout = window.setTimeout(() => {
|
|
51268
51552
|
const stored = window.localStorage.getItem(FONT_STORAGE_KEY);
|
|
51269
51553
|
const initial = isGoogleFont(stored) ? stored : DEFAULT_FONT_FAMILY;
|
|
@@ -51281,15 +51565,15 @@ function useFontPreference() {
|
|
|
51281
51565
|
return { fontFamily, setFontFamily };
|
|
51282
51566
|
}
|
|
51283
51567
|
function FontPicker({ compact = false, id, onChange, value }) {
|
|
51284
|
-
const [open, setOpen] =
|
|
51285
|
-
const [query, setQuery] =
|
|
51286
|
-
const rootRef =
|
|
51287
|
-
const searchRef =
|
|
51568
|
+
const [open, setOpen] = useState89(false);
|
|
51569
|
+
const [query, setQuery] = useState89("");
|
|
51570
|
+
const rootRef = useRef62(null);
|
|
51571
|
+
const searchRef = useRef62(null);
|
|
51288
51572
|
const filteredFonts = useMemo50(() => {
|
|
51289
51573
|
const normalized = query.trim().toLocaleLowerCase();
|
|
51290
51574
|
return normalized ? googleFonts.filter((font) => font.toLocaleLowerCase().includes(normalized)) : googleFonts;
|
|
51291
51575
|
}, [query]);
|
|
51292
|
-
|
|
51576
|
+
useEffect69(() => {
|
|
51293
51577
|
var _a2;
|
|
51294
51578
|
if (!open) return;
|
|
51295
51579
|
loadFontLinks(googleFonts);
|
|
@@ -51308,10 +51592,10 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51308
51592
|
document.removeEventListener("keydown", closeOnEscape);
|
|
51309
51593
|
};
|
|
51310
51594
|
}, [open]);
|
|
51311
|
-
return /* @__PURE__ */
|
|
51312
|
-
compact ? null : /* @__PURE__ */
|
|
51313
|
-
/* @__PURE__ */
|
|
51314
|
-
/* @__PURE__ */
|
|
51595
|
+
return /* @__PURE__ */ jsxs152("div", { className: compact ? `${FontPicker_default.field} ${FontPicker_default.fieldCompact}` : FontPicker_default.field, ref: rootRef, children: [
|
|
51596
|
+
compact ? null : /* @__PURE__ */ jsx189("span", { className: FontPicker_default.label, children: "Font" }),
|
|
51597
|
+
/* @__PURE__ */ jsxs152("div", { className: FontPicker_default.picker, children: [
|
|
51598
|
+
/* @__PURE__ */ jsxs152(
|
|
51315
51599
|
"button",
|
|
51316
51600
|
{
|
|
51317
51601
|
"aria-controls": `${id}-options`,
|
|
@@ -51324,14 +51608,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51324
51608
|
type: "button",
|
|
51325
51609
|
onClick: () => setOpen((current) => !current),
|
|
51326
51610
|
children: [
|
|
51327
|
-
/* @__PURE__ */
|
|
51328
|
-
/* @__PURE__ */
|
|
51611
|
+
/* @__PURE__ */ jsx189("span", { className: FontPicker_default.triggerText, children: value }),
|
|
51612
|
+
/* @__PURE__ */ jsx189("span", { "aria-hidden": "true", className: FontPicker_default.chevron })
|
|
51329
51613
|
]
|
|
51330
51614
|
}
|
|
51331
51615
|
),
|
|
51332
|
-
open ? /* @__PURE__ */
|
|
51333
|
-
/* @__PURE__ */
|
|
51334
|
-
/* @__PURE__ */
|
|
51616
|
+
open ? /* @__PURE__ */ jsxs152("div", { className: FontPicker_default.dropdown, children: [
|
|
51617
|
+
/* @__PURE__ */ jsxs152("div", { className: FontPicker_default.searchWrap, children: [
|
|
51618
|
+
/* @__PURE__ */ jsx189(
|
|
51335
51619
|
"input",
|
|
51336
51620
|
{
|
|
51337
51621
|
"aria-label": "Search Google Fonts",
|
|
@@ -51343,7 +51627,7 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51343
51627
|
onChange: (event) => setQuery(event.target.value)
|
|
51344
51628
|
}
|
|
51345
51629
|
),
|
|
51346
|
-
value !== DEFAULT_FONT_FAMILY ? /* @__PURE__ */
|
|
51630
|
+
value !== DEFAULT_FONT_FAMILY ? /* @__PURE__ */ jsx189(
|
|
51347
51631
|
"button",
|
|
51348
51632
|
{
|
|
51349
51633
|
"aria-label": "Reset font",
|
|
@@ -51355,14 +51639,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51355
51639
|
setQuery("");
|
|
51356
51640
|
setOpen(false);
|
|
51357
51641
|
},
|
|
51358
|
-
children: /* @__PURE__ */
|
|
51642
|
+
children: /* @__PURE__ */ jsx189(FontAwesomeIcon18, { icon: faRotateLeft3 })
|
|
51359
51643
|
}
|
|
51360
51644
|
) : null
|
|
51361
51645
|
] }),
|
|
51362
|
-
/* @__PURE__ */
|
|
51646
|
+
/* @__PURE__ */ jsxs152("div", { "aria-label": "Google Fonts", className: FontPicker_default.options, id: `${id}-options`, role: "listbox", children: [
|
|
51363
51647
|
filteredFonts.map((font) => {
|
|
51364
51648
|
const selected = font === value;
|
|
51365
|
-
return /* @__PURE__ */
|
|
51649
|
+
return /* @__PURE__ */ jsxs152(
|
|
51366
51650
|
"button",
|
|
51367
51651
|
{
|
|
51368
51652
|
"aria-selected": selected,
|
|
@@ -51377,14 +51661,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51377
51661
|
setQuery("");
|
|
51378
51662
|
},
|
|
51379
51663
|
children: [
|
|
51380
|
-
/* @__PURE__ */
|
|
51381
|
-
/* @__PURE__ */
|
|
51664
|
+
/* @__PURE__ */ jsx189("span", { className: FontPicker_default.optionName, children: font }),
|
|
51665
|
+
/* @__PURE__ */ jsx189("span", { className: FontPicker_default.optionPreview, children: "The quick brown fox" })
|
|
51382
51666
|
]
|
|
51383
51667
|
},
|
|
51384
51668
|
font
|
|
51385
51669
|
);
|
|
51386
51670
|
}),
|
|
51387
|
-
filteredFonts.length === 0 ? /* @__PURE__ */
|
|
51671
|
+
filteredFonts.length === 0 ? /* @__PURE__ */ jsx189("p", { className: FontPicker_default.empty, children: "No matching fonts" }) : null
|
|
51388
51672
|
] })
|
|
51389
51673
|
] }) : null
|
|
51390
51674
|
] })
|
|
@@ -51393,22 +51677,22 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51393
51677
|
|
|
51394
51678
|
// ../../components/ColourClouds/ColourClouds.tsx
|
|
51395
51679
|
import {
|
|
51396
|
-
useEffect as
|
|
51680
|
+
useEffect as useEffect70,
|
|
51397
51681
|
useId as useId34,
|
|
51398
|
-
useLayoutEffect as
|
|
51682
|
+
useLayoutEffect as useLayoutEffect16,
|
|
51399
51683
|
useCallback as useCallback35,
|
|
51400
|
-
useRef as
|
|
51401
|
-
useState as
|
|
51684
|
+
useRef as useRef63,
|
|
51685
|
+
useState as useState90
|
|
51402
51686
|
} from "react";
|
|
51403
51687
|
import { createPortal as createPortal7 } from "react-dom";
|
|
51404
51688
|
import { faRotateLeft as faRotateLeft4 } from "@fortawesome/free-solid-svg-icons";
|
|
51405
51689
|
import { FontAwesomeIcon as FontAwesomeIcon19 } from "@fortawesome/react-fontawesome";
|
|
51406
51690
|
|
|
51407
51691
|
// ../../components/ColourClouds/ColourClouds.module.css
|
|
51408
|
-
var ColourClouds_default = {"
|
|
51692
|
+
var ColourClouds_default = {"menuRow":"opus_mKFpa5_menuRow","trigger":"opus_mKFpa5_trigger","triggerStatic":"opus_mKFpa5_triggerStatic","menuHex":"opus_mKFpa5_menuHex","menuMeta":"opus_mKFpa5_menuMeta","dropdown":"opus_mKFpa5_dropdown","dropdownTitle":"opus_mKFpa5_dropdownTitle","menuLabel":"opus_mKFpa5_menuLabel","clouds":"opus_mKFpa5_clouds","control":"opus_mKFpa5_control","menu":"opus_mKFpa5_menu","menuSwatch":"opus_mKFpa5_menuSwatch","label":"opus_mKFpa5_label","controlCompact":"opus_mKFpa5_controlCompact","reset":"opus_mKFpa5_reset","menuEmpty":"opus_mKFpa5_menuEmpty","cloud":"opus_mKFpa5_cloud","dropdownBody":"opus_mKFpa5_dropdownBody"};
|
|
51409
51693
|
|
|
51410
51694
|
// ../../components/ColourClouds/ColourClouds.tsx
|
|
51411
|
-
import { Fragment as
|
|
51695
|
+
import { Fragment as Fragment35, jsx as jsx190, jsxs as jsxs153 } from "react/jsx-runtime";
|
|
51412
51696
|
var COLOUR_CLOUDS_MAX = 5;
|
|
51413
51697
|
function normalizeCloud(raw, index) {
|
|
51414
51698
|
if (!raw || typeof raw !== "object") {
|
|
@@ -51466,12 +51750,12 @@ function serializeColourClouds(clouds) {
|
|
|
51466
51750
|
}
|
|
51467
51751
|
function ColourCloudsMenu({ clouds }) {
|
|
51468
51752
|
if (clouds.length === 0) {
|
|
51469
|
-
return /* @__PURE__ */
|
|
51753
|
+
return /* @__PURE__ */ jsx190("p", { className: ColourClouds_default.menuEmpty, children: "No colours" });
|
|
51470
51754
|
}
|
|
51471
|
-
return /* @__PURE__ */
|
|
51755
|
+
return /* @__PURE__ */ jsx190("ul", { className: ColourClouds_default.menu, children: clouds.map((cloud) => {
|
|
51472
51756
|
var _a2, _b2, _c2, _d2, _e2;
|
|
51473
|
-
return /* @__PURE__ */
|
|
51474
|
-
/* @__PURE__ */
|
|
51757
|
+
return /* @__PURE__ */ jsxs153("li", { className: ColourClouds_default.menuRow, children: [
|
|
51758
|
+
/* @__PURE__ */ jsx190(
|
|
51475
51759
|
"span",
|
|
51476
51760
|
{
|
|
51477
51761
|
"aria-hidden": "true",
|
|
@@ -51482,9 +51766,9 @@ function ColourCloudsMenu({ clouds }) {
|
|
|
51482
51766
|
}
|
|
51483
51767
|
}
|
|
51484
51768
|
),
|
|
51485
|
-
/* @__PURE__ */
|
|
51486
|
-
/* @__PURE__ */
|
|
51487
|
-
/* @__PURE__ */
|
|
51769
|
+
/* @__PURE__ */ jsxs153("span", { className: ColourClouds_default.menuMeta, children: [
|
|
51770
|
+
/* @__PURE__ */ jsx190("span", { className: ColourClouds_default.menuLabel, children: (_e2 = (_d2 = cloud.label) != null ? _d2 : cloud.id) != null ? _e2 : "Colour" }),
|
|
51771
|
+
/* @__PURE__ */ jsxs153("span", { className: ColourClouds_default.menuHex, children: [
|
|
51488
51772
|
cloud.color,
|
|
51489
51773
|
cloud.secondary ? ` \xB7 ${cloud.secondary}` : ""
|
|
51490
51774
|
] })
|
|
@@ -51514,12 +51798,12 @@ function ColourClouds({
|
|
|
51514
51798
|
}) {
|
|
51515
51799
|
const menuId = useId34();
|
|
51516
51800
|
const titleId = useId34();
|
|
51517
|
-
const rootRef =
|
|
51518
|
-
const triggerRef =
|
|
51519
|
-
const panelRef =
|
|
51520
|
-
const [portalReady, setPortalReady] =
|
|
51521
|
-
const [internalOpen, setInternalOpen] =
|
|
51522
|
-
const [portalStyle, setPortalStyle] =
|
|
51801
|
+
const rootRef = useRef63(null);
|
|
51802
|
+
const triggerRef = useRef63(null);
|
|
51803
|
+
const panelRef = useRef63(null);
|
|
51804
|
+
const [portalReady, setPortalReady] = useState90(false);
|
|
51805
|
+
const [internalOpen, setInternalOpen] = useState90(false);
|
|
51806
|
+
const [portalStyle, setPortalStyle] = useState90({ left: 0, top: 0 });
|
|
51523
51807
|
const clouds = items ? parseColourClouds(items) : parseColourClouds(value);
|
|
51524
51808
|
const hasMenu = children != null;
|
|
51525
51809
|
const controlled = open !== void 0;
|
|
@@ -51533,10 +51817,10 @@ function ColourClouds({
|
|
|
51533
51817
|
},
|
|
51534
51818
|
[controlled, onOpenChange]
|
|
51535
51819
|
);
|
|
51536
|
-
|
|
51820
|
+
useEffect70(() => {
|
|
51537
51821
|
setPortalReady(true);
|
|
51538
51822
|
}, []);
|
|
51539
|
-
|
|
51823
|
+
useLayoutEffect16(() => {
|
|
51540
51824
|
if (!visible || !triggerRef.current) {
|
|
51541
51825
|
return;
|
|
51542
51826
|
}
|
|
@@ -51570,7 +51854,7 @@ function ColourClouds({
|
|
|
51570
51854
|
window.removeEventListener("scroll", updatePosition, true);
|
|
51571
51855
|
};
|
|
51572
51856
|
}, [placement, visible, children, clouds.length]);
|
|
51573
|
-
|
|
51857
|
+
useEffect70(() => {
|
|
51574
51858
|
if (!visible) {
|
|
51575
51859
|
return;
|
|
51576
51860
|
}
|
|
@@ -51602,9 +51886,9 @@ function ColourClouds({
|
|
|
51602
51886
|
compact ? ColourClouds_default.controlCompact : null,
|
|
51603
51887
|
className
|
|
51604
51888
|
].filter(Boolean).join(" ");
|
|
51605
|
-
const cloudsNode = /* @__PURE__ */
|
|
51889
|
+
const cloudsNode = /* @__PURE__ */ jsx190("span", { "aria-hidden": "true", className: ColourClouds_default.clouds, children: clouds.map((cloud) => {
|
|
51606
51890
|
var _a2, _b2, _c2;
|
|
51607
|
-
return /* @__PURE__ */
|
|
51891
|
+
return /* @__PURE__ */ jsx190(
|
|
51608
51892
|
"span",
|
|
51609
51893
|
{
|
|
51610
51894
|
className: ColourClouds_default.cloud,
|
|
@@ -51617,13 +51901,13 @@ function ColourClouds({
|
|
|
51617
51901
|
(_b2 = cloud.id) != null ? _b2 : `${cloud.color}-${(_a2 = cloud.secondary) != null ? _a2 : ""}`
|
|
51618
51902
|
);
|
|
51619
51903
|
}) });
|
|
51620
|
-
const labelNode = label ? /* @__PURE__ */
|
|
51621
|
-
const content = /* @__PURE__ */
|
|
51904
|
+
const labelNode = label ? /* @__PURE__ */ jsx190("span", { className: ColourClouds_default.label, children: label }) : null;
|
|
51905
|
+
const content = /* @__PURE__ */ jsxs153(Fragment35, { children: [
|
|
51622
51906
|
cloudsNode,
|
|
51623
51907
|
labelNode
|
|
51624
51908
|
] });
|
|
51625
51909
|
const triggerClass = compact ? `${ColourClouds_default.trigger} ${ColourClouds_default.triggerCompact}` : ColourClouds_default.trigger;
|
|
51626
|
-
const triggerButton = /* @__PURE__ */
|
|
51910
|
+
const triggerButton = /* @__PURE__ */ jsx190(
|
|
51627
51911
|
"button",
|
|
51628
51912
|
{
|
|
51629
51913
|
ref: triggerRef,
|
|
@@ -51644,7 +51928,7 @@ function ColourClouds({
|
|
|
51644
51928
|
children: content
|
|
51645
51929
|
}
|
|
51646
51930
|
);
|
|
51647
|
-
const trigger = hasMenu || onClick ? triggerButton : /* @__PURE__ */
|
|
51931
|
+
const trigger = hasMenu || onClick ? triggerButton : /* @__PURE__ */ jsx190(
|
|
51648
51932
|
"span",
|
|
51649
51933
|
{
|
|
51650
51934
|
"aria-label": ariaLabel,
|
|
@@ -51655,7 +51939,7 @@ function ColourClouds({
|
|
|
51655
51939
|
}
|
|
51656
51940
|
);
|
|
51657
51941
|
const menu = hasMenu && visible && portalReady ? createPortal7(
|
|
51658
|
-
/* @__PURE__ */
|
|
51942
|
+
/* @__PURE__ */ jsxs153(
|
|
51659
51943
|
"div",
|
|
51660
51944
|
{
|
|
51661
51945
|
ref: panelRef,
|
|
@@ -51669,16 +51953,16 @@ function ColourClouds({
|
|
|
51669
51953
|
width: portalStyle.width
|
|
51670
51954
|
},
|
|
51671
51955
|
children: [
|
|
51672
|
-
/* @__PURE__ */
|
|
51673
|
-
/* @__PURE__ */
|
|
51956
|
+
/* @__PURE__ */ jsx190("h3", { className: ColourClouds_default.dropdownTitle, id: titleId, children: menuTitle }),
|
|
51957
|
+
/* @__PURE__ */ jsx190("div", { className: ColourClouds_default.dropdownBody, children })
|
|
51674
51958
|
]
|
|
51675
51959
|
}
|
|
51676
51960
|
),
|
|
51677
51961
|
document.body
|
|
51678
51962
|
) : null;
|
|
51679
|
-
return /* @__PURE__ */
|
|
51963
|
+
return /* @__PURE__ */ jsxs153("div", { className: rootClass, "data-fit-content": "true", ref: rootRef, children: [
|
|
51680
51964
|
trigger,
|
|
51681
|
-
showReset && onReset ? /* @__PURE__ */
|
|
51965
|
+
showReset && onReset ? /* @__PURE__ */ jsx190(
|
|
51682
51966
|
"button",
|
|
51683
51967
|
{
|
|
51684
51968
|
"aria-label": "Reset colours",
|
|
@@ -51687,7 +51971,7 @@ function ColourClouds({
|
|
|
51687
51971
|
title: "Reset colours",
|
|
51688
51972
|
type: "button",
|
|
51689
51973
|
onClick: onReset,
|
|
51690
|
-
children: /* @__PURE__ */
|
|
51974
|
+
children: /* @__PURE__ */ jsx190(FontAwesomeIcon19, { icon: faRotateLeft4 })
|
|
51691
51975
|
}
|
|
51692
51976
|
) : null,
|
|
51693
51977
|
menu
|
|
@@ -51775,11 +52059,13 @@ export {
|
|
|
51775
52059
|
DualListBuilder,
|
|
51776
52060
|
EmojiPicker,
|
|
51777
52061
|
EmptyState,
|
|
52062
|
+
FLIP_CLOCK_FRAME_RATE,
|
|
51778
52063
|
FONT_STORAGE_KEY,
|
|
51779
52064
|
FieldShell,
|
|
51780
52065
|
FileField,
|
|
51781
52066
|
FilterBuilder,
|
|
51782
52067
|
FilterSelectField,
|
|
52068
|
+
FlipClock,
|
|
51783
52069
|
FloatingActionButton,
|
|
51784
52070
|
FocusTrap,
|
|
51785
52071
|
FontPicker,
|