@aotearoan/neon 19.0.2 → 21.0.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/dist/common/enums/NeonButtonStyle.cjs.js +1 -1
- package/dist/common/enums/NeonButtonStyle.cjs.js.map +1 -1
- package/dist/common/enums/NeonButtonStyle.es.js +1 -1
- package/dist/common/enums/NeonButtonStyle.es.js.map +1 -1
- package/dist/common/enums/NeonDropdownStyle.cjs.js +1 -1
- package/dist/common/enums/NeonDropdownStyle.cjs.js.map +1 -1
- package/dist/common/enums/NeonDropdownStyle.es.js +2 -2
- package/dist/common/enums/NeonDropdownStyle.es.js.map +1 -1
- package/dist/common/enums/NeonMode.cjs.js +1 -1
- package/dist/common/enums/NeonMode.cjs.js.map +1 -1
- package/dist/common/enums/NeonMode.es.js +1 -1
- package/dist/common/enums/NeonMode.es.js.map +1 -1
- package/dist/common/icons/light-mode-sunny.svg.cjs.js +26 -0
- package/dist/common/icons/light-mode-sunny.svg.cjs.js.map +1 -0
- package/dist/common/icons/light-mode-sunny.svg.es.js +29 -0
- package/dist/common/icons/light-mode-sunny.svg.es.js.map +1 -0
- package/dist/common/utils/NeonModeUtils.cjs.js +1 -1
- package/dist/common/utils/NeonModeUtils.cjs.js.map +1 -1
- package/dist/common/utils/NeonModeUtils.es.js +38 -43
- package/dist/common/utils/NeonModeUtils.es.js.map +1 -1
- package/dist/common/utils/RegisterIcons.cjs.js +1 -1
- package/dist/common/utils/RegisterIcons.cjs.js.map +1 -1
- package/dist/common/utils/RegisterIcons.es.js +23 -22
- package/dist/common/utils/RegisterIcons.es.js.map +1 -1
- package/dist/components/feedback/dialog/NeonDialog.vue.cjs.js +1 -1
- package/dist/components/feedback/dialog/NeonDialog.vue.cjs.js.map +1 -1
- package/dist/components/feedback/dialog/NeonDialog.vue.es.js +6 -5
- package/dist/components/feedback/dialog/NeonDialog.vue.es.js.map +1 -1
- package/dist/components/feedback/note/NeonNote.vue.cjs.js +1 -1
- package/dist/components/feedback/note/NeonNote.vue.cjs.js.map +1 -1
- package/dist/components/feedback/note/NeonNote.vue.es.js +1 -0
- package/dist/components/feedback/note/NeonNote.vue.es.js.map +1 -1
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.cjs.js +2 -0
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.cjs.js.map +1 -0
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.es.js +44 -0
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.es.js.map +1 -0
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js +2 -0
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js.map +1 -0
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js +57 -0
- package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js.map +1 -0
- package/dist/components/presentation/dropdown/NeonDropdown.cjs.js +1 -1
- package/dist/components/presentation/dropdown/NeonDropdown.cjs.js.map +1 -1
- package/dist/components/presentation/dropdown/NeonDropdown.es.js +44 -40
- package/dist/components/presentation/dropdown/NeonDropdown.es.js.map +1 -1
- package/dist/components/presentation/dropdown/NeonDropdown.vue.cjs.js +1 -1
- package/dist/components/presentation/dropdown/NeonDropdown.vue.cjs.js.map +1 -1
- package/dist/components/presentation/dropdown/NeonDropdown.vue.es.js +9 -9
- package/dist/components/presentation/dropdown/NeonDropdown.vue.es.js.map +1 -1
- package/dist/components/presentation/icon/NeonIcon.cjs.js.map +1 -1
- package/dist/components/presentation/icon/NeonIcon.es.js.map +1 -1
- package/dist/components/presentation/tabs/NeonTabs.cjs.js +1 -1
- package/dist/components/presentation/tabs/NeonTabs.cjs.js.map +1 -1
- package/dist/components/presentation/tabs/NeonTabs.es.js +13 -19
- package/dist/components/presentation/tabs/NeonTabs.es.js.map +1 -1
- package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js +1 -1
- package/dist/components/presentation/tabs/NeonTabs.vue.cjs.js.map +1 -1
- package/dist/components/presentation/tabs/NeonTabs.vue.es.js +6 -6
- package/dist/components/presentation/tabs/NeonTabs.vue.es.js.map +1 -1
- package/dist/components/user-input/button/NeonButton.vue.cjs.js +1 -1
- package/dist/components/user-input/button/NeonButton.vue.cjs.js.map +1 -1
- package/dist/components/user-input/button/NeonButton.vue.es.js +12 -12
- package/dist/components/user-input/button/NeonButton.vue.es.js.map +1 -1
- package/dist/components/user-input/field/NeonField.vue.cjs.js +1 -1
- package/dist/components/user-input/field/NeonField.vue.cjs.js.map +1 -1
- package/dist/components/user-input/field/NeonField.vue.es.js +1 -1
- package/dist/components/user-input/field/NeonField.vue.es.js.map +1 -1
- package/dist/components/user-input/file/NeonFile.vue.cjs.js +1 -1
- package/dist/components/user-input/file/NeonFile.vue.cjs.js.map +1 -1
- package/dist/components/user-input/file/NeonFile.vue.es.js +1 -0
- package/dist/components/user-input/file/NeonFile.vue.es.js.map +1 -1
- package/dist/components/user-input/input/NeonInput.cjs.js +1 -1
- package/dist/components/user-input/input/NeonInput.cjs.js.map +1 -1
- package/dist/components/user-input/input/NeonInput.es.js +17 -17
- package/dist/components/user-input/input/NeonInput.es.js.map +1 -1
- package/dist/components/user-input/select/NeonSelect.cjs.js +1 -1
- package/dist/components/user-input/select/NeonSelect.cjs.js.map +1 -1
- package/dist/components/user-input/select/NeonSelect.es.js +75 -69
- package/dist/components/user-input/select/NeonSelect.es.js.map +1 -1
- package/dist/components/user-input/select/NeonSelect.vue.cjs.js +1 -1
- package/dist/components/user-input/select/NeonSelect.vue.cjs.js.map +1 -1
- package/dist/components/user-input/select/NeonSelect.vue.es.js +29 -21
- package/dist/components/user-input/select/NeonSelect.vue.es.js.map +1 -1
- package/dist/neon.cjs.js +1 -1
- package/dist/neon.es.js +96 -96
- package/dist/src/common/enums/NeonButtonStyle.d.ts +6 -1
- package/dist/src/common/enums/NeonDropdownStyle.d.ts +5 -2
- package/dist/src/common/enums/NeonMode.d.ts +3 -1
- package/dist/src/common/models/NeonMenuItem.d.ts +2 -2
- package/dist/src/common/utils/NeonModeUtils.d.ts +17 -21
- package/dist/src/components/feedback/linear-progress/NeonLinearProgress.d.ts +2 -6
- package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +5 -0
- package/dist/src/components/navigation/menu/NeonMenu.d.ts +9 -4
- package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +2630 -0
- package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.vue.d.ts +2 -0
- package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +16 -16
- package/dist/src/components/presentation/icon/NeonIcon.d.ts +1 -1
- package/dist/src/components/presentation/tabs/NeonTabs.d.ts +2 -19
- package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +21 -2
- package/dist/src/components/user-input/file/NeonFile.d.ts +8 -24
- package/dist/src/components/user-input/filter-list/NeonFilterList.d.ts +4 -12
- package/dist/src/components/user-input/input/NeonInput.d.ts +8 -2
- package/dist/src/components/user-input/search/NeonSearch.d.ts +77 -42
- package/dist/src/components/user-input/select/NeonSelect.d.ts +133 -203
- package/dist/src/neon.d.ts +1 -1
- package/package.json +1 -1
- package/src/sass/color-variables.scss +6 -4
- package/src/sass/components/_action-menu.scss +1 -1
- package/src/sass/components/_alert-container.scss +2 -2
- package/src/sass/components/_badge.scss +2 -2
- package/src/sass/components/_button.scss +25 -1
- package/src/sass/components/_card-list.scss +2 -2
- package/src/sass/components/_date-picker.scss +7 -7
- package/src/sass/components/_dropdown-menu.scss +2 -2
- package/src/sass/components/_expansion-panel.scss +2 -2
- package/src/sass/components/_filter-list.scss +6 -6
- package/src/sass/components/_icon.scss +1 -1
- package/src/sass/components/_image-carousel.scss +2 -1
- package/src/sass/components/_input.scss +11 -11
- package/src/sass/components/_label.scss +1 -1
- package/src/sass/components/_linear-progress.scss +1 -1
- package/src/sass/components/_list.scss +2 -2
- package/src/sass/components/_menu.scss +1 -1
- package/src/sass/components/_mobile-menu.scss +110 -0
- package/src/sass/components/_note.scss +1 -1
- package/src/sass/components/_notification-counter.scss +2 -2
- package/src/sass/components/_number.scss +2 -2
- package/src/sass/components/_range-slider.scss +1 -1
- package/src/sass/components/_search.scss +2 -2
- package/src/sass/components/_select.scss +16 -2
- package/src/sass/components/_slider.scss +1 -1
- package/src/sass/components/_stepper.scss +3 -3
- package/src/sass/components/_switch.scss +1 -1
- package/src/sass/components/_tabs.scss +46 -81
- package/src/sass/components/_toggle.scss +3 -3
- package/src/sass/components/_tooltip.scss +7 -7
- package/src/sass/components/_tree-menu.scss +6 -6
- package/src/sass/components/components.scss +1 -0
- package/src/sass/global/_base-html.scss +23 -15
- package/src/sass/global/_table.scss +4 -4
- package/src/sass/global/_typography.scss +2 -1
- package/src/sass/includes/_dependencies.scss +1 -0
- package/src/sass/includes/_outline.scss +1 -1
- package/src/sass/includes/_typography.scss +1 -1
- package/src/sass/palette.scss +6 -9
- package/src/sass/theme.scss +4 -0
- package/src/sass/variables.scss +63 -55
- package/dist/common/enums/NeonTabsStyle.cjs.js +0 -2
- package/dist/common/enums/NeonTabsStyle.cjs.js.map +0 -1
- package/dist/common/enums/NeonTabsStyle.es.js +0 -5
- package/dist/common/enums/NeonTabsStyle.es.js.map +0 -1
- package/dist/src/common/enums/NeonTabsStyle.d.ts +0 -9
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var i=(e=>(e.Solid="solid",e.Outline="outline",e.Text="text",e.Input="input",e))(i||{});exports.NeonButtonStyle=i;
|
|
2
2
|
//# sourceMappingURL=NeonButtonStyle.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonButtonStyle.cjs.js","sources":["../../../src/common/enums/NeonButtonStyle.ts"],"sourcesContent":["/**\n * Describes the different <a href=\"/user-input/button\">NeonButton</a> styles.\n */\nexport enum NeonButtonStyle {\n /** Solid buttons are solid color buttons. Use these for primary or secondary actions (usually low contrast color). */\n Solid = 'solid',\n /**\n * Outline buttons appear with a border & no background color. Outline buttons should be used for secondary actions\n * or alternate actions outside the main flow to minimise distraction for the user.\n */\n Outline = 'outline',\n /**\n * Text buttons appear as text without a background. Text buttons are usually used for icons buttons or secondary\n * actions.\n */\n Text = 'text',\n}\n"],"names":["NeonButtonStyle"],"mappings":"gFAGO,IAAKA,GAAAA,IAEVA,EAAA,MAAQ,QAKRA,EAAA,QAAU,UAKVA,EAAA,KAAO,
|
|
1
|
+
{"version":3,"file":"NeonButtonStyle.cjs.js","sources":["../../../src/common/enums/NeonButtonStyle.ts"],"sourcesContent":["/**\n * Describes the different <a href=\"/user-input/button\">NeonButton</a> styles.\n */\nexport enum NeonButtonStyle {\n /** Solid buttons are solid color buttons. Use these for primary or secondary actions (usually low contrast color). */\n Solid = 'solid',\n /**\n * Outline buttons appear with a border & no background color. Outline buttons should be used for secondary actions\n * or alternate actions outside the main flow to minimise distraction for the user.\n */\n Outline = 'outline',\n /**\n * Text buttons appear as text without a background. Text buttons are usually used for icons buttons or secondary\n * actions.\n */\n Text = 'text',\n /**\n * USED INTERNALLY: an <em>input</em> field style button. This is used as the button trigger for NeonSelect &\n * NeonDatePicker for consistency with other form fields.\n */\n Input = 'input',\n}\n"],"names":["NeonButtonStyle"],"mappings":"gFAGO,IAAKA,GAAAA,IAEVA,EAAA,MAAQ,QAKRA,EAAA,QAAU,UAKVA,EAAA,KAAO,OAKPA,EAAA,MAAQ,QAjBEA,IAAAA,GAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonButtonStyle.es.js","sources":["../../../src/common/enums/NeonButtonStyle.ts"],"sourcesContent":["/**\n * Describes the different <a href=\"/user-input/button\">NeonButton</a> styles.\n */\nexport enum NeonButtonStyle {\n /** Solid buttons are solid color buttons. Use these for primary or secondary actions (usually low contrast color). */\n Solid = 'solid',\n /**\n * Outline buttons appear with a border & no background color. Outline buttons should be used for secondary actions\n * or alternate actions outside the main flow to minimise distraction for the user.\n */\n Outline = 'outline',\n /**\n * Text buttons appear as text without a background. Text buttons are usually used for icons buttons or secondary\n * actions.\n */\n Text = 'text',\n}\n"],"names":["NeonButtonStyle"],"mappings":"AAGO,IAAKA,sBAAAA,OAEVA,EAAA,QAAQ,SAKRA,EAAA,UAAU,WAKVA,EAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"NeonButtonStyle.es.js","sources":["../../../src/common/enums/NeonButtonStyle.ts"],"sourcesContent":["/**\n * Describes the different <a href=\"/user-input/button\">NeonButton</a> styles.\n */\nexport enum NeonButtonStyle {\n /** Solid buttons are solid color buttons. Use these for primary or secondary actions (usually low contrast color). */\n Solid = 'solid',\n /**\n * Outline buttons appear with a border & no background color. Outline buttons should be used for secondary actions\n * or alternate actions outside the main flow to minimise distraction for the user.\n */\n Outline = 'outline',\n /**\n * Text buttons appear as text without a background. Text buttons are usually used for icons buttons or secondary\n * actions.\n */\n Text = 'text',\n /**\n * USED INTERNALLY: an <em>input</em> field style button. This is used as the button trigger for NeonSelect &\n * NeonDatePicker for consistency with other form fields.\n */\n Input = 'input',\n}\n"],"names":["NeonButtonStyle"],"mappings":"AAGO,IAAKA,sBAAAA,OAEVA,EAAA,QAAQ,SAKRA,EAAA,UAAU,WAKVA,EAAA,OAAO,QAKPA,EAAA,QAAQ,SAjBEA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(a=>(a.SolidButton="solid",a.Input="input",a.Text="text",a.SquareBadge="square-badge",a.CircularBadge="circular-badge",a))(t||{});exports.NeonDropdownStyle=t;
|
|
2
2
|
//# sourceMappingURL=NeonDropdownStyle.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonDropdownStyle.cjs.js","sources":["../../../src/common/enums/NeonDropdownStyle.ts"],"sourcesContent":["/**\n * Dropdown trigger style for describing the triggering element of dropdowns & selects like:\n * <ul class=\"no-style\">\n * <li><a href=\"/user-input/select\">NeonSelect</a></li>\n * <li><a href=\"/navigation/dropdown-menu\">NeonDropdownMenu</a></li>\n * <li><a href=\"/presentation/dropdown\">NeonDropdown</a></li>\n * </ul>\n */\nexport enum NeonDropdownStyle {\n /** A <a href=\"/user-input/button\">NeonButton</a> in the solid color style */\n SolidButton = 'solid-
|
|
1
|
+
{"version":3,"file":"NeonDropdownStyle.cjs.js","sources":["../../../src/common/enums/NeonDropdownStyle.ts"],"sourcesContent":["/**\n * Dropdown trigger style for describing the triggering element of dropdowns & selects like:\n * <ul class=\"no-style\">\n * <li><a href=\"/user-input/select\">NeonSelect</a></li>\n * <li><a href=\"/navigation/dropdown-menu\">NeonDropdownMenu</a></li>\n * <li><a href=\"/presentation/dropdown\">NeonDropdown</a></li>\n * </ul>\n */\nexport enum NeonDropdownStyle {\n /** A <a href=\"/user-input/button\">NeonButton</a> in the solid color style */\n SolidButton = 'solid',\n /** A style similar to <a href=\"/user-input/input\">NeonInput</a> which is used as the default for a\n * <a href=\"/user-input/select\">NeonSelect</a> */\n Input = 'input',\n /** A <a href=\"/user-input/button\">NeonButton</a> in the text style */\n Text = 'text',\n /** A square <a href=\"/presentation/badge\">NeonBadge</a> */\n SquareBadge = 'square-badge',\n /** A circular <a href=\"/presentation/badge\">NeonBadge</a> */\n CircularBadge = 'circular-badge',\n}\n"],"names":["NeonDropdownStyle"],"mappings":"gFAQO,IAAKA,GAAAA,IAEVA,EAAA,YAAc,QAGdA,EAAA,MAAQ,QAERA,EAAA,KAAO,OAEPA,EAAA,YAAc,eAEdA,EAAA,cAAgB,iBAXNA,IAAAA,GAAA,CAAA,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
1
|
+
var u = /* @__PURE__ */ ((a) => (a.SolidButton = "solid", a.Input = "input", a.Text = "text", a.SquareBadge = "square-badge", a.CircularBadge = "circular-badge", a))(u || {});
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
u as NeonDropdownStyle
|
|
4
4
|
};
|
|
5
5
|
//# sourceMappingURL=NeonDropdownStyle.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonDropdownStyle.es.js","sources":["../../../src/common/enums/NeonDropdownStyle.ts"],"sourcesContent":["/**\n * Dropdown trigger style for describing the triggering element of dropdowns & selects like:\n * <ul class=\"no-style\">\n * <li><a href=\"/user-input/select\">NeonSelect</a></li>\n * <li><a href=\"/navigation/dropdown-menu\">NeonDropdownMenu</a></li>\n * <li><a href=\"/presentation/dropdown\">NeonDropdown</a></li>\n * </ul>\n */\nexport enum NeonDropdownStyle {\n /** A <a href=\"/user-input/button\">NeonButton</a> in the solid color style */\n SolidButton = 'solid-
|
|
1
|
+
{"version":3,"file":"NeonDropdownStyle.es.js","sources":["../../../src/common/enums/NeonDropdownStyle.ts"],"sourcesContent":["/**\n * Dropdown trigger style for describing the triggering element of dropdowns & selects like:\n * <ul class=\"no-style\">\n * <li><a href=\"/user-input/select\">NeonSelect</a></li>\n * <li><a href=\"/navigation/dropdown-menu\">NeonDropdownMenu</a></li>\n * <li><a href=\"/presentation/dropdown\">NeonDropdown</a></li>\n * </ul>\n */\nexport enum NeonDropdownStyle {\n /** A <a href=\"/user-input/button\">NeonButton</a> in the solid color style */\n SolidButton = 'solid',\n /** A style similar to <a href=\"/user-input/input\">NeonInput</a> which is used as the default for a\n * <a href=\"/user-input/select\">NeonSelect</a> */\n Input = 'input',\n /** A <a href=\"/user-input/button\">NeonButton</a> in the text style */\n Text = 'text',\n /** A square <a href=\"/presentation/badge\">NeonBadge</a> */\n SquareBadge = 'square-badge',\n /** A circular <a href=\"/presentation/badge\">NeonBadge</a> */\n CircularBadge = 'circular-badge',\n}\n"],"names":["NeonDropdownStyle"],"mappings":"AAQO,IAAKA,sBAAAA,OAEVA,EAAA,cAAc,SAGdA,EAAA,QAAQ,SAERA,EAAA,OAAO,QAEPA,EAAA,cAAc,gBAEdA,EAAA,gBAAgB,kBAXNA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(t=>(t.Light="light",t.Dark="dark",t.System="system",t))(r||{});exports.NeonMode=r;
|
|
2
2
|
//# sourceMappingURL=NeonMode.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonMode.cjs.js","sources":["../../../src/common/enums/NeonMode.ts"],"sourcesContent":["/**\n * The different modes that can be used in Neon. See <a href=\"/design/theming#dark-mode\">Dark mode</a> for more details.\n */\nexport enum NeonMode {\n /** Light mode */\n Light = 'light',\n /** Dark mode */\n Dark = 'dark',\n}\n"],"names":["NeonMode"],"mappings":"gFAGO,IAAKA,GAAAA,IAEVA,EAAA,MAAQ,QAERA,EAAA,KAAO,
|
|
1
|
+
{"version":3,"file":"NeonMode.cjs.js","sources":["../../../src/common/enums/NeonMode.ts"],"sourcesContent":["/**\n * The different modes that can be used in Neon. See <a href=\"/design/theming#dark-mode\">Dark mode</a> for more details.\n */\nexport enum NeonMode {\n /** Light mode */\n Light = 'light',\n /** Dark mode */\n Dark = 'dark',\n /** Match the user's selected system mode */\n System = 'system',\n}\n"],"names":["NeonMode"],"mappings":"gFAGO,IAAKA,GAAAA,IAEVA,EAAA,MAAQ,QAERA,EAAA,KAAO,OAEPA,EAAA,OAAS,SANCA,IAAAA,GAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonMode.es.js","sources":["../../../src/common/enums/NeonMode.ts"],"sourcesContent":["/**\n * The different modes that can be used in Neon. See <a href=\"/design/theming#dark-mode\">Dark mode</a> for more details.\n */\nexport enum NeonMode {\n /** Light mode */\n Light = 'light',\n /** Dark mode */\n Dark = 'dark',\n}\n"],"names":["NeonMode"],"mappings":"AAGO,IAAKA,sBAAAA,OAEVA,EAAA,QAAQ,SAERA,EAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"NeonMode.es.js","sources":["../../../src/common/enums/NeonMode.ts"],"sourcesContent":["/**\n * The different modes that can be used in Neon. See <a href=\"/design/theming#dark-mode\">Dark mode</a> for more details.\n */\nexport enum NeonMode {\n /** Light mode */\n Light = 'light',\n /** Dark mode */\n Dark = 'dark',\n /** Match the user's selected system mode */\n System = 'system',\n}\n"],"names":["NeonMode"],"mappings":"AAGO,IAAKA,sBAAAA,OAEVA,EAAA,QAAQ,SAERA,EAAA,OAAO,QAEPA,EAAA,SAAS,UANCA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";const n=`<svg viewBox="-0.75 -0.75 24 24" xmlns="http://www.w3.org/2000/svg" height="100%" width="100%">
|
|
2
|
+
<path d="M7.03125 11.25a4.21875 4.21875 0 1 0 8.4375 0 4.21875 4.21875 0 1 0 -8.4375 0Z" fill="none"
|
|
3
|
+
class="neon-svg--stroke" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
|
|
4
|
+
<path d="m11.25 0.703125 0 3.515625" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
5
|
+
stroke-linejoin="round"
|
|
6
|
+
stroke-width="1.5"></path>
|
|
7
|
+
<path d="m11.25 18.28125 0 3.515625" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
8
|
+
stroke-linejoin="round"
|
|
9
|
+
stroke-width="1.5"></path>
|
|
10
|
+
<path d="m21.796875 11.25 -3.515625 0" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
11
|
+
stroke-linejoin="round"
|
|
12
|
+
stroke-width="1.5"></path>
|
|
13
|
+
<path d="M4.21875 11.25 0.703125 11.25" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
14
|
+
stroke-linejoin="round"
|
|
15
|
+
stroke-width="1.5"></path>
|
|
16
|
+
<path d="m18.984375 3.515625 -2.8125 2.8125" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
17
|
+
stroke-linejoin="round" stroke-width="1.5"></path>
|
|
18
|
+
<path d="m6.328125 16.171875 -2.8125 2.8125" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
19
|
+
stroke-linejoin="round" stroke-width="1.5"></path>
|
|
20
|
+
<path d="m18.984375 18.984375 -2.8125 -2.8125" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
21
|
+
stroke-linejoin="round" stroke-width="1.5"></path>
|
|
22
|
+
<path d="m6.328125 6.328125 -2.8125 -2.8125" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
23
|
+
stroke-linejoin="round" stroke-width="1.5"></path>
|
|
24
|
+
</svg>
|
|
25
|
+
`;module.exports=n;
|
|
26
|
+
//# sourceMappingURL=light-mode-sunny.svg.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"light-mode-sunny.svg.cjs.js","sources":["../../../src/common/icons/light-mode-sunny.svg"],"sourcesContent":["export default \"<svg viewBox=\\\"-0.75 -0.75 24 24\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" height=\\\"100%\\\" width=\\\"100%\\\">\\n <path d=\\\"M7.03125 11.25a4.21875 4.21875 0 1 0 8.4375 0 4.21875 4.21875 0 1 0 -8.4375 0Z\\\" fill=\\\"none\\\"\\n class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m11.25 0.703125 0 3.515625\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\"\\n stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m11.25 18.28125 0 3.515625\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\"\\n stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m21.796875 11.25 -3.515625 0\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\"\\n stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"M4.21875 11.25 0.703125 11.25\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\"\\n stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m18.984375 3.515625 -2.8125 2.8125\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m6.328125 16.171875 -2.8125 2.8125\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m18.984375 18.984375 -2.8125 -2.8125\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m6.328125 6.328125 -2.8125 -2.8125\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n</svg>\\n\""],"names":["lightModeSunny"],"mappings":"aAAA,MAAAA,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
const n = `<svg viewBox="-0.75 -0.75 24 24" xmlns="http://www.w3.org/2000/svg" height="100%" width="100%">
|
|
2
|
+
<path d="M7.03125 11.25a4.21875 4.21875 0 1 0 8.4375 0 4.21875 4.21875 0 1 0 -8.4375 0Z" fill="none"
|
|
3
|
+
class="neon-svg--stroke" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
|
|
4
|
+
<path d="m11.25 0.703125 0 3.515625" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
5
|
+
stroke-linejoin="round"
|
|
6
|
+
stroke-width="1.5"></path>
|
|
7
|
+
<path d="m11.25 18.28125 0 3.515625" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
8
|
+
stroke-linejoin="round"
|
|
9
|
+
stroke-width="1.5"></path>
|
|
10
|
+
<path d="m21.796875 11.25 -3.515625 0" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
11
|
+
stroke-linejoin="round"
|
|
12
|
+
stroke-width="1.5"></path>
|
|
13
|
+
<path d="M4.21875 11.25 0.703125 11.25" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
14
|
+
stroke-linejoin="round"
|
|
15
|
+
stroke-width="1.5"></path>
|
|
16
|
+
<path d="m18.984375 3.515625 -2.8125 2.8125" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
17
|
+
stroke-linejoin="round" stroke-width="1.5"></path>
|
|
18
|
+
<path d="m6.328125 16.171875 -2.8125 2.8125" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
19
|
+
stroke-linejoin="round" stroke-width="1.5"></path>
|
|
20
|
+
<path d="m18.984375 18.984375 -2.8125 -2.8125" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
21
|
+
stroke-linejoin="round" stroke-width="1.5"></path>
|
|
22
|
+
<path d="m6.328125 6.328125 -2.8125 -2.8125" fill="none" class="neon-svg--stroke" stroke-linecap="round"
|
|
23
|
+
stroke-linejoin="round" stroke-width="1.5"></path>
|
|
24
|
+
</svg>
|
|
25
|
+
`;
|
|
26
|
+
export {
|
|
27
|
+
n as default
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=light-mode-sunny.svg.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"light-mode-sunny.svg.es.js","sources":["../../../src/common/icons/light-mode-sunny.svg"],"sourcesContent":["export default \"<svg viewBox=\\\"-0.75 -0.75 24 24\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" height=\\\"100%\\\" width=\\\"100%\\\">\\n <path d=\\\"M7.03125 11.25a4.21875 4.21875 0 1 0 8.4375 0 4.21875 4.21875 0 1 0 -8.4375 0Z\\\" fill=\\\"none\\\"\\n class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m11.25 0.703125 0 3.515625\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\"\\n stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m11.25 18.28125 0 3.515625\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\"\\n stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m21.796875 11.25 -3.515625 0\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\"\\n stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"M4.21875 11.25 0.703125 11.25\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\"\\n stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m18.984375 3.515625 -2.8125 2.8125\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m6.328125 16.171875 -2.8125 2.8125\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m18.984375 18.984375 -2.8125 -2.8125\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n <path d=\\\"m6.328125 6.328125 -2.8125 -2.8125\\\" fill=\\\"none\\\" class=\\\"neon-svg--stroke\\\" stroke-linecap=\\\"round\\\"\\n stroke-linejoin=\\\"round\\\" stroke-width=\\\"1.5\\\"></path>\\n</svg>\\n\""],"names":["lightModeSunny"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var i=Object.defineProperty;var n=(c,a,s)=>a in c?i(c,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):c[a]=s;var o=(c,a,s)=>n(c,typeof a!="symbol"?a+"":a,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../enums/NeonMode.cjs.js"),e=class e{static init(a,s){a&&(e.defaultMode=a,e.mode=a),s&&(e.callback=s),e.switchMode(e.mode),window.matchMedia&&(window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",e.onDarkChange),window.matchMedia("(prefers-color-scheme: light)").addEventListener("change",e.onLightChange))}static destroy(){window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",e.onDarkChange),window.matchMedia("(prefers-color-scheme: light)").removeEventListener("change",e.onLightChange)}static switchMode(a){switch(e.mode=a,a){case t.NeonMode.Light:e.updateClasses(!1);break;case t.NeonMode.Dark:e.updateClasses(!0);break;case t.NeonMode.System:window.matchMedia("(prefers-color-scheme: dark)").matches?(e.updateClasses(!0),e.callback&&e.callback(!0)):window.matchMedia("(prefers-color-scheme: light)").matches?(e.updateClasses(!1),e.callback&&e.callback(!1)):(e.updateClasses(e.defaultMode===t.NeonMode.Dark),e.callback&&e.callback(e.defaultMode===t.NeonMode.Dark));break}}static getMode(){return e.mode}static onDarkChange(a){e.mode===t.NeonMode.System&&a.matches&&(e.updateClasses(!0),e.callback&&e.callback(!0))}static onLightChange(a){e.mode===t.NeonMode.System&&a.matches&&(e.updateClasses(!1),e.callback&&e.callback(!1))}static updateClasses(a){document.documentElement.classList.remove(`neon-mode--${a?t.NeonMode.Light:t.NeonMode.Dark}`),document.documentElement.classList.add(`neon-mode--${a?t.NeonMode.Dark:t.NeonMode.Light}`)}};o(e,"defaultMode",t.NeonMode.Light),o(e,"mode",t.NeonMode.Light),o(e,"callback",null);let d=e;exports.NeonModeUtils=d;
|
|
2
2
|
//# sourceMappingURL=NeonModeUtils.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonModeUtils.cjs.js","sources":["../../../src/common/utils/NeonModeUtils.ts"],"sourcesContent":["import { NeonMode } from '../enums/NeonMode';\n\n/**\n * Utility for managing Neon's light
|
|
1
|
+
{"version":3,"file":"NeonModeUtils.cjs.js","sources":["../../../src/common/utils/NeonModeUtils.ts"],"sourcesContent":["import { NeonMode } from '../enums/NeonMode';\n\n/**\n * Utility for managing Neon's light/dark mode & defaulting to the user's preference. See\n * <a href=\"https://neon.development.arcual.art/design/theming#dark-mode\">Dark mode</a>.\n */\nexport class NeonModeUtils {\n private static defaultMode = NeonMode.Light;\n private static mode = NeonMode.Light;\n private static callback: ((isDark: boolean) => void) | null = null;\n\n /**\n * Set the initial mode.\n *\n * @param defaultMode The initial mode to set\n * @param callback An optional callback to be triggered when using NeonMode.System indicating changes in the current\n * light/dark mode set internally by this class.\n */\n public static init(defaultMode?: NeonMode, callback?: (isDark: boolean) => void) {\n if (defaultMode) {\n NeonModeUtils.defaultMode = defaultMode;\n NeonModeUtils.mode = defaultMode;\n }\n\n if (callback) {\n NeonModeUtils.callback = callback;\n }\n\n NeonModeUtils.switchMode(NeonModeUtils.mode);\n\n if (window.matchMedia) {\n window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', NeonModeUtils.onDarkChange);\n window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', NeonModeUtils.onLightChange);\n }\n }\n\n /**\n * Remove system listeners\n *\n */\n public static destroy() {\n window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', NeonModeUtils.onDarkChange);\n window.matchMedia('(prefers-color-scheme: light)').removeEventListener('change', NeonModeUtils.onLightChange);\n }\n\n /**\n * Switch the current mode.\n * @param mode the mode to switch to.\n */\n public static switchMode(mode: NeonMode) {\n NeonModeUtils.mode = mode;\n switch (mode) {\n case NeonMode.Light:\n NeonModeUtils.updateClasses(false);\n break;\n case NeonMode.Dark:\n NeonModeUtils.updateClasses(true);\n break;\n case NeonMode.System:\n if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n NeonModeUtils.updateClasses(true);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(true);\n }\n } else if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n NeonModeUtils.updateClasses(false);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(false);\n }\n } else {\n NeonModeUtils.updateClasses(NeonModeUtils.defaultMode === NeonMode.Dark);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(NeonModeUtils.defaultMode === NeonMode.Dark);\n }\n }\n break;\n }\n }\n\n /**\n * Get the current mode.\n *\n * @returns The current user light or dark mode.\n */\n public static getMode() {\n return NeonModeUtils.mode;\n }\n\n static onDarkChange(e: MediaQueryListEvent) {\n if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n NeonModeUtils.updateClasses(true);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(true);\n }\n }\n }\n\n static onLightChange(e: MediaQueryListEvent) {\n if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n NeonModeUtils.updateClasses(false);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(false);\n }\n }\n }\n\n private static updateClasses(isDark: boolean) {\n document.documentElement.classList.remove(`neon-mode--${isDark ? NeonMode.Light : NeonMode.Dark}`);\n document.documentElement.classList.add(`neon-mode--${isDark ? NeonMode.Dark : NeonMode.Light}`);\n }\n}\n"],"names":["_NeonModeUtils","defaultMode","callback","mode","NeonMode","e","isDark","__publicField","NeonModeUtils"],"mappings":"gSAMaA,EAAN,MAAMA,CAAc,CAYzB,OAAc,KAAKC,EAAwBC,EAAsC,CAC3ED,IACFD,EAAc,YAAcC,EAC5BD,EAAc,KAAOC,GAGnBC,IACFF,EAAc,SAAWE,GAG3BF,EAAc,WAAWA,EAAc,IAAI,EAEvC,OAAO,aACT,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,SAAUA,EAAc,YAAY,EACvG,OAAO,WAAW,+BAA+B,EAAE,iBAAiB,SAAUA,EAAc,aAAa,EAE7G,CAMA,OAAc,SAAU,CACtB,OAAO,WAAW,8BAA8B,EAAE,oBAAoB,SAAUA,EAAc,YAAY,EAC1G,OAAO,WAAW,+BAA+B,EAAE,oBAAoB,SAAUA,EAAc,aAAa,CAC9G,CAMA,OAAc,WAAWG,EAAgB,CAEvC,OADAH,EAAc,KAAOG,EACbA,EAAA,CACN,KAAKC,EAAAA,SAAS,MACZJ,EAAc,cAAc,EAAK,EACjC,MACF,KAAKI,EAAAA,SAAS,KACZJ,EAAc,cAAc,EAAI,EAChC,MACF,KAAKI,EAAAA,SAAS,OACR,OAAO,WAAW,8BAA8B,EAAE,SACpDJ,EAAc,cAAc,EAAI,EAC5BA,EAAc,UAChBA,EAAc,SAAS,EAAI,GAEpB,OAAO,WAAW,+BAA+B,EAAE,SAC5DA,EAAc,cAAc,EAAK,EAC7BA,EAAc,UAChBA,EAAc,SAAS,EAAK,IAG9BA,EAAc,cAAcA,EAAc,cAAgBI,EAAAA,SAAS,IAAI,EACnEJ,EAAc,UAChBA,EAAc,SAASA,EAAc,cAAgBI,EAAAA,SAAS,IAAI,GAGtE,KAAA,CAEN,CAOA,OAAc,SAAU,CACtB,OAAOJ,EAAc,IACvB,CAEA,OAAO,aAAaK,EAAwB,CACtCL,EAAc,OAASI,EAAAA,SAAS,QAAUC,EAAE,UAC9CL,EAAc,cAAc,EAAI,EAC5BA,EAAc,UAChBA,EAAc,SAAS,EAAI,EAGjC,CAEA,OAAO,cAAcK,EAAwB,CACvCL,EAAc,OAASI,EAAAA,SAAS,QAAUC,EAAE,UAC9CL,EAAc,cAAc,EAAK,EAC7BA,EAAc,UAChBA,EAAc,SAAS,EAAK,EAGlC,CAEA,OAAe,cAAcM,EAAiB,CAC5C,SAAS,gBAAgB,UAAU,OAAO,cAAcA,EAASF,EAAAA,SAAS,MAAQA,WAAS,IAAI,EAAE,EACjG,SAAS,gBAAgB,UAAU,IAAI,cAAcE,EAASF,EAAAA,SAAS,KAAOA,WAAS,KAAK,EAAE,CAChG,CACF,EAvGEG,EADWP,EACI,cAAcI,EAAAA,SAAS,OACtCG,EAFWP,EAEI,OAAOI,EAAAA,SAAS,OAC/BG,EAHWP,EAGI,WAA+C,MAHzD,IAAMQ,EAANR"}
|
|
@@ -1,68 +1,63 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { NeonMode as
|
|
1
|
+
var r = Object.defineProperty;
|
|
2
|
+
var d = (c, a, s) => a in c ? r(c, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : c[a] = s;
|
|
3
|
+
var i = (c, a, s) => d(c, typeof a != "symbol" ? a + "" : a, s);
|
|
4
|
+
import { NeonMode as t } from "../enums/NeonMode.es.js";
|
|
5
5
|
const e = class e {
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Set the initial mode.
|
|
8
8
|
*
|
|
9
|
-
* @
|
|
9
|
+
* @param defaultMode The initial mode to set
|
|
10
|
+
* @param callback An optional callback to be triggered when using NeonMode.System indicating changes in the current
|
|
11
|
+
* light/dark mode set internally by this class.
|
|
10
12
|
*/
|
|
11
|
-
static
|
|
12
|
-
|
|
13
|
+
static init(a, s) {
|
|
14
|
+
a && (e.defaultMode = a, e.mode = a), s && (e.callback = s), e.switchMode(e.mode), window.matchMedia && (window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", e.onDarkChange), window.matchMedia("(prefers-color-scheme: light)").addEventListener("change", e.onLightChange));
|
|
13
15
|
}
|
|
14
16
|
/**
|
|
15
|
-
*
|
|
17
|
+
* Remove system listeners
|
|
16
18
|
*
|
|
17
|
-
* @param defaultMode The mode to set. If no mode is passed in the user preferences are used.
|
|
18
19
|
*/
|
|
19
|
-
static
|
|
20
|
-
|
|
21
|
-
e.defaultMode = a, e.mode = e.defaultMode;
|
|
22
|
-
else {
|
|
23
|
-
const t = window.matchMedia("(prefers-color-scheme: dark)").matches, i = window.matchMedia("(prefers-color-scheme: light)").matches;
|
|
24
|
-
t ? e.mode = n.Dark : i ? e.mode = n.Light : e.mode = e.defaultMode;
|
|
25
|
-
}
|
|
20
|
+
static destroy() {
|
|
21
|
+
window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", e.onDarkChange), window.matchMedia("(prefers-color-scheme: light)").removeEventListener("change", e.onLightChange);
|
|
26
22
|
}
|
|
27
23
|
/**
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
* @param key The unique key for the listener.
|
|
31
|
-
* @param callback The callback function.
|
|
24
|
+
* Switch the current mode.
|
|
25
|
+
* @param mode the mode to switch to.
|
|
32
26
|
*/
|
|
33
|
-
static
|
|
34
|
-
|
|
27
|
+
static switchMode(a) {
|
|
28
|
+
switch (e.mode = a, a) {
|
|
29
|
+
case t.Light:
|
|
30
|
+
e.updateClasses(!1);
|
|
31
|
+
break;
|
|
32
|
+
case t.Dark:
|
|
33
|
+
e.updateClasses(!0);
|
|
34
|
+
break;
|
|
35
|
+
case t.System:
|
|
36
|
+
window.matchMedia("(prefers-color-scheme: dark)").matches ? (e.updateClasses(!0), e.callback && e.callback(!0)) : window.matchMedia("(prefers-color-scheme: light)").matches ? (e.updateClasses(!1), e.callback && e.callback(!1)) : (e.updateClasses(e.defaultMode === t.Dark), e.callback && e.callback(e.defaultMode === t.Dark));
|
|
37
|
+
break;
|
|
38
|
+
}
|
|
35
39
|
}
|
|
36
40
|
/**
|
|
37
|
-
*
|
|
41
|
+
* Get the current mode.
|
|
38
42
|
*
|
|
39
|
-
* @
|
|
43
|
+
* @returns The current user light or dark mode.
|
|
40
44
|
*/
|
|
41
|
-
static
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
static getCallbacks() {
|
|
45
|
-
return e.callbacks;
|
|
45
|
+
static getMode() {
|
|
46
|
+
return e.mode;
|
|
46
47
|
}
|
|
47
48
|
static onDarkChange(a) {
|
|
48
|
-
e.
|
|
49
|
+
e.mode === t.System && a.matches && (e.updateClasses(!0), e.callback && e.callback(!0));
|
|
49
50
|
}
|
|
50
51
|
static onLightChange(a) {
|
|
51
|
-
e.
|
|
52
|
-
}
|
|
53
|
-
static onNoPreferenceChange(a) {
|
|
54
|
-
e.onChange(a, e.defaultMode);
|
|
55
|
-
}
|
|
56
|
-
static onChange(a, t) {
|
|
57
|
-
a.matches && e.handleChange(t);
|
|
52
|
+
e.mode === t.System && a.matches && (e.updateClasses(!1), e.callback && e.callback(!1));
|
|
58
53
|
}
|
|
59
|
-
static
|
|
60
|
-
|
|
54
|
+
static updateClasses(a) {
|
|
55
|
+
document.documentElement.classList.remove(`neon-mode--${a ? t.Light : t.Dark}`), document.documentElement.classList.add(`neon-mode--${a ? t.Dark : t.Light}`);
|
|
61
56
|
}
|
|
62
57
|
};
|
|
63
|
-
|
|
64
|
-
let
|
|
58
|
+
i(e, "defaultMode", t.Light), i(e, "mode", t.Light), i(e, "callback", null);
|
|
59
|
+
let l = e;
|
|
65
60
|
export {
|
|
66
|
-
|
|
61
|
+
l as NeonModeUtils
|
|
67
62
|
};
|
|
68
63
|
//# sourceMappingURL=NeonModeUtils.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonModeUtils.es.js","sources":["../../../src/common/utils/NeonModeUtils.ts"],"sourcesContent":["import { NeonMode } from '../enums/NeonMode';\n\n/**\n * Utility for managing Neon's light
|
|
1
|
+
{"version":3,"file":"NeonModeUtils.es.js","sources":["../../../src/common/utils/NeonModeUtils.ts"],"sourcesContent":["import { NeonMode } from '../enums/NeonMode';\n\n/**\n * Utility for managing Neon's light/dark mode & defaulting to the user's preference. See\n * <a href=\"https://neon.development.arcual.art/design/theming#dark-mode\">Dark mode</a>.\n */\nexport class NeonModeUtils {\n private static defaultMode = NeonMode.Light;\n private static mode = NeonMode.Light;\n private static callback: ((isDark: boolean) => void) | null = null;\n\n /**\n * Set the initial mode.\n *\n * @param defaultMode The initial mode to set\n * @param callback An optional callback to be triggered when using NeonMode.System indicating changes in the current\n * light/dark mode set internally by this class.\n */\n public static init(defaultMode?: NeonMode, callback?: (isDark: boolean) => void) {\n if (defaultMode) {\n NeonModeUtils.defaultMode = defaultMode;\n NeonModeUtils.mode = defaultMode;\n }\n\n if (callback) {\n NeonModeUtils.callback = callback;\n }\n\n NeonModeUtils.switchMode(NeonModeUtils.mode);\n\n if (window.matchMedia) {\n window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', NeonModeUtils.onDarkChange);\n window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', NeonModeUtils.onLightChange);\n }\n }\n\n /**\n * Remove system listeners\n *\n */\n public static destroy() {\n window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', NeonModeUtils.onDarkChange);\n window.matchMedia('(prefers-color-scheme: light)').removeEventListener('change', NeonModeUtils.onLightChange);\n }\n\n /**\n * Switch the current mode.\n * @param mode the mode to switch to.\n */\n public static switchMode(mode: NeonMode) {\n NeonModeUtils.mode = mode;\n switch (mode) {\n case NeonMode.Light:\n NeonModeUtils.updateClasses(false);\n break;\n case NeonMode.Dark:\n NeonModeUtils.updateClasses(true);\n break;\n case NeonMode.System:\n if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n NeonModeUtils.updateClasses(true);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(true);\n }\n } else if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n NeonModeUtils.updateClasses(false);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(false);\n }\n } else {\n NeonModeUtils.updateClasses(NeonModeUtils.defaultMode === NeonMode.Dark);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(NeonModeUtils.defaultMode === NeonMode.Dark);\n }\n }\n break;\n }\n }\n\n /**\n * Get the current mode.\n *\n * @returns The current user light or dark mode.\n */\n public static getMode() {\n return NeonModeUtils.mode;\n }\n\n static onDarkChange(e: MediaQueryListEvent) {\n if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n NeonModeUtils.updateClasses(true);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(true);\n }\n }\n }\n\n static onLightChange(e: MediaQueryListEvent) {\n if (NeonModeUtils.mode === NeonMode.System && e.matches) {\n NeonModeUtils.updateClasses(false);\n if (NeonModeUtils.callback) {\n NeonModeUtils.callback(false);\n }\n }\n }\n\n private static updateClasses(isDark: boolean) {\n document.documentElement.classList.remove(`neon-mode--${isDark ? NeonMode.Light : NeonMode.Dark}`);\n document.documentElement.classList.add(`neon-mode--${isDark ? NeonMode.Dark : NeonMode.Light}`);\n }\n}\n"],"names":["_NeonModeUtils","defaultMode","callback","mode","NeonMode","e","isDark","__publicField","NeonModeUtils"],"mappings":";;;;AAMO,MAAMA,IAAN,MAAMA,EAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYzB,OAAc,KAAKC,GAAwBC,GAAsC;AAC/E,IAAID,MACFD,EAAc,cAAcC,GAC5BD,EAAc,OAAOC,IAGnBC,MACFF,EAAc,WAAWE,IAG3BF,EAAc,WAAWA,EAAc,IAAI,GAEvC,OAAO,eACT,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,UAAUA,EAAc,YAAY,GACvG,OAAO,WAAW,+BAA+B,EAAE,iBAAiB,UAAUA,EAAc,aAAa;AAAA,EAE7G;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAc,UAAU;AACtB,WAAO,WAAW,8BAA8B,EAAE,oBAAoB,UAAUA,EAAc,YAAY,GAC1G,OAAO,WAAW,+BAA+B,EAAE,oBAAoB,UAAUA,EAAc,aAAa;AAAA,EAC9G;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAc,WAAWG,GAAgB;AAEvC,YADAH,EAAc,OAAOG,GACbA,GAAA;AAAA,MACN,KAAKC,EAAS;AACZ,QAAAJ,EAAc,cAAc,EAAK;AACjC;AAAA,MACF,KAAKI,EAAS;AACZ,QAAAJ,EAAc,cAAc,EAAI;AAChC;AAAA,MACF,KAAKI,EAAS;AACZ,QAAI,OAAO,WAAW,8BAA8B,EAAE,WACpDJ,EAAc,cAAc,EAAI,GAC5BA,EAAc,YAChBA,EAAc,SAAS,EAAI,KAEpB,OAAO,WAAW,+BAA+B,EAAE,WAC5DA,EAAc,cAAc,EAAK,GAC7BA,EAAc,YAChBA,EAAc,SAAS,EAAK,MAG9BA,EAAc,cAAcA,EAAc,gBAAgBI,EAAS,IAAI,GACnEJ,EAAc,YAChBA,EAAc,SAASA,EAAc,gBAAgBI,EAAS,IAAI;AAGtE;AAAA,IAAA;AAAA,EAEN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAc,UAAU;AACtB,WAAOJ,EAAc;AAAA,EACvB;AAAA,EAEA,OAAO,aAAaK,GAAwB;AAC1C,IAAIL,EAAc,SAASI,EAAS,UAAUC,EAAE,YAC9CL,EAAc,cAAc,EAAI,GAC5BA,EAAc,YAChBA,EAAc,SAAS,EAAI;AAAA,EAGjC;AAAA,EAEA,OAAO,cAAcK,GAAwB;AAC3C,IAAIL,EAAc,SAASI,EAAS,UAAUC,EAAE,YAC9CL,EAAc,cAAc,EAAK,GAC7BA,EAAc,YAChBA,EAAc,SAAS,EAAK;AAAA,EAGlC;AAAA,EAEA,OAAe,cAAcM,GAAiB;AAC5C,aAAS,gBAAgB,UAAU,OAAO,cAAcA,IAASF,EAAS,QAAQA,EAAS,IAAI,EAAE,GACjG,SAAS,gBAAgB,UAAU,IAAI,cAAcE,IAASF,EAAS,OAAOA,EAAS,KAAK,EAAE;AAAA,EAChG;AACF;AAvGEG,EADWP,GACI,eAAcI,EAAS,QACtCG,EAFWP,GAEI,QAAOI,EAAS,QAC/BG,EAHWP,GAGI,YAA+C;AAHzD,IAAMQ,IAANR;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NeonIconRegistry.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NeonIconRegistry.cjs.js"),n=require("../icons/align-center.svg.cjs.js"),o=require("../icons/align-left.svg.cjs.js"),r=require("../icons/align-right.svg.cjs.js"),c=require("../icons/at.svg.cjs.js"),i=require("../icons/calendar.svg.cjs.js"),t=require("../icons/check.svg.cjs.js"),s=require("../icons/check-circle.svg.cjs.js"),d=require("../icons/chevron-down.svg.cjs.js"),I=require("../icons/chevron-left.svg.cjs.js"),a=require("../icons/chevron-right.svg.cjs.js"),g=require("../icons/chevron-up.svg.cjs.js"),u=require("../icons/color-filter.svg.cjs.js"),l=require("../icons/contrast.svg.cjs.js"),y=require("../icons/copy.svg.cjs.js"),R=require("../icons/dash.svg.cjs.js"),q=require("../icons/desktop.svg.cjs.js"),N=require("../icons/dot.svg.cjs.js"),h=require("../icons/download.svg.cjs.js"),m=require("../icons/ellipsis.svg.cjs.js"),f=require("../icons/exclamation-circle.svg.cjs.js"),p=require("../icons/feather.svg.cjs.js"),v=require("../icons/github.svg.cjs.js"),k=require("../icons/hammer.svg.cjs.js"),b=require("../icons/heart.svg.cjs.js"),w=require("../icons/heart-outline.svg.cjs.js"),C=require("../icons/html-logo.svg.cjs.js"),x=require("../icons/images.svg.cjs.js"),L=require("../icons/info-circle.svg.cjs.js"),O=require("../icons/light-mode-sunny.svg.cjs.js"),S=require("../icons/link-external.svg.cjs.js"),M=require("../icons/loading.svg.cjs.js"),j=require("../icons/lock.svg.cjs.js"),D=require("../icons/mail.svg.cjs.js"),E=require("../icons/menu.svg.cjs.js"),F=require("../icons/minus.svg.cjs.js"),P=require("../icons/moon.svg.cjs.js"),T=require("../icons/neon-logo.svg.cjs.js"),U=require("../icons/neon-wordmark.svg.cjs.js"),W=require("../icons/palette.svg.cjs.js"),_=require("../icons/plus.svg.cjs.js"),z=require("../icons/send.svg.cjs.js"),A=require("../icons/search.svg.cjs.js"),B=require("../icons/sun.svg.cjs.js"),G=require("../icons/switch.svg.cjs.js"),H=require("../icons/times.svg.cjs.js"),J=require("../icons/times-circle.svg.cjs.js"),K=require("../icons/user.svg.cjs.js"),Q=require("../icons/visibility-off.svg.cjs.js"),V=require("../icons/visibility-on.svg.cjs.js");class X{static register(){e.NeonIconRegistry.addIcon("align-center",n),e.NeonIconRegistry.addIcon("align-left",o),e.NeonIconRegistry.addIcon("align-right",r),e.NeonIconRegistry.addIcon("at",c),e.NeonIconRegistry.addIcon("calendar",i),e.NeonIconRegistry.addIcon("check",t),e.NeonIconRegistry.addIcon("check-circle",s),e.NeonIconRegistry.addIcon("chevron-down",d),e.NeonIconRegistry.addIcon("chevron-left",I),e.NeonIconRegistry.addIcon("chevron-right",a),e.NeonIconRegistry.addIcon("chevron-up",g),e.NeonIconRegistry.addIcon("color-filter",u),e.NeonIconRegistry.addIcon("contrast",l),e.NeonIconRegistry.addIcon("copy",y),e.NeonIconRegistry.addIcon("dash",R),e.NeonIconRegistry.addIcon("desktop",q),e.NeonIconRegistry.addIcon("dot",N),e.NeonIconRegistry.addIcon("download",h),e.NeonIconRegistry.addIcon("ellipsis",m),e.NeonIconRegistry.addIcon("exclamation-circle",f),e.NeonIconRegistry.addIcon("feather",p),e.NeonIconRegistry.addIcon("github",v),e.NeonIconRegistry.addIcon("hammer",k),e.NeonIconRegistry.addIcon("heart",b),e.NeonIconRegistry.addIcon("heart-outline",w),e.NeonIconRegistry.addIcon("html-logo",C),e.NeonIconRegistry.addIcon("images",x),e.NeonIconRegistry.addIcon("info-circle",L),e.NeonIconRegistry.addIcon("light-mode-sunny",O),e.NeonIconRegistry.addIcon("link-external",S),e.NeonIconRegistry.addIcon("loading",M),e.NeonIconRegistry.addIcon("lock",j),e.NeonIconRegistry.addIcon("mail",D),e.NeonIconRegistry.addIcon("menu",E),e.NeonIconRegistry.addIcon("minus",F),e.NeonIconRegistry.addIcon("moon",P),e.NeonIconRegistry.addIcon("neon-logo",T),e.NeonIconRegistry.addIcon("neon-wordmark",U),e.NeonIconRegistry.addIcon("palette",W),e.NeonIconRegistry.addIcon("plus",_),e.NeonIconRegistry.addIcon("send",z),e.NeonIconRegistry.addIcon("search",A),e.NeonIconRegistry.addIcon("sun",B),e.NeonIconRegistry.addIcon("switch",G),e.NeonIconRegistry.addIcon("times",H),e.NeonIconRegistry.addIcon("times-circle",J),e.NeonIconRegistry.addIcon("user",K),e.NeonIconRegistry.addIcon("visibility-off",Q),e.NeonIconRegistry.addIcon("visibility-on",V)}}exports.RegisterIcons=X;
|
|
2
2
|
//# sourceMappingURL=RegisterIcons.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegisterIcons.cjs.js","sources":["../../../src/common/utils/RegisterIcons.ts"],"sourcesContent":["import { NeonIconRegistry } from './NeonIconRegistry';\nimport alignCenter from '@/common/icons/align-center.svg';\nimport alignLeft from '@/common/icons/align-left.svg';\nimport alignRight from '@/common/icons/align-right.svg';\nimport at from '@/common/icons/at.svg';\nimport calendar from '@/common/icons/calendar.svg';\nimport check from '@/common/icons/check.svg';\nimport checkCircle from '@/common/icons/check-circle.svg';\nimport chevronDown from '@/common/icons/chevron-down.svg';\nimport chevronLeft from '@/common/icons/chevron-left.svg';\nimport chevronRight from '@/common/icons/chevron-right.svg';\nimport chevronUp from '@/common/icons/chevron-up.svg';\nimport colorFilter from '@/common/icons/color-filter.svg';\nimport contrast from '@/common/icons/contrast.svg';\nimport copy from '@/common/icons/copy.svg';\nimport dash from '@/common/icons/dash.svg';\nimport desktop from '@/common/icons/desktop.svg';\nimport dot from '@/common/icons/dot.svg';\nimport download from '@/common/icons/download.svg';\nimport ellipsis from '@/common/icons/ellipsis.svg';\nimport exclamationCircle from '@/common/icons/exclamation-circle.svg';\nimport feather from '@/common/icons/feather.svg';\nimport github from '@/common/icons/github.svg';\nimport hammer from '@/common/icons/hammer.svg';\nimport heart from '@/common/icons/heart.svg';\nimport heartOutline from '@/common/icons/heart-outline.svg';\nimport htmlLogo from '@/common/icons/html-logo.svg';\nimport images from '@/common/icons/images.svg';\nimport infoCircle from '@/common/icons/info-circle.svg';\nimport linkExternal from '@/common/icons/link-external.svg';\nimport loading from '@/common/icons/loading.svg';\nimport lock from '@/common/icons/lock.svg';\nimport mail from '@/common/icons/mail.svg';\nimport menu from '@/common/icons/menu.svg';\nimport minus from '@/common/icons/minus.svg';\nimport moon from '@/common/icons/moon.svg';\nimport neonLogo from '@/common/icons/neon-logo.svg';\nimport neonWordmark from '@/common/icons/neon-wordmark.svg';\nimport palette from '@/common/icons/palette.svg';\nimport plus from '@/common/icons/plus.svg';\nimport send from '@/common/icons/send.svg';\nimport search from '@/common/icons/search.svg';\nimport sun from '@/common/icons/sun.svg';\nimport switchIcon from '@/common/icons/switch.svg';\nimport times from '@/common/icons/times.svg';\nimport timesCircle from '@/common/icons/times-circle.svg';\nimport user from '@/common/icons/user.svg';\nimport visibilityOff from '@/common/icons/visibility-off.svg';\nimport visibilityOn from '@/common/icons/visibility-on.svg';\n\n/**\n * A helper for initialising the provided set of Neon icons with the\n * <a href=\"/utils/NeonIconRegistry\">NeonIconRegistry</a>.\n */\nexport class RegisterIcons {\n /**\n * Register all Neon default icons in the NeonIconRegistry. Call this in an app's <em>main.ts</em> to use Neon's\n * provided icons.\n */\n public static register() {\n NeonIconRegistry.addIcon('align-center', alignCenter);\n NeonIconRegistry.addIcon('align-left', alignLeft);\n NeonIconRegistry.addIcon('align-right', alignRight);\n NeonIconRegistry.addIcon('at', at);\n NeonIconRegistry.addIcon('calendar', calendar);\n NeonIconRegistry.addIcon('check', check);\n NeonIconRegistry.addIcon('check-circle', checkCircle);\n NeonIconRegistry.addIcon('chevron-down', chevronDown);\n NeonIconRegistry.addIcon('chevron-left', chevronLeft);\n NeonIconRegistry.addIcon('chevron-right', chevronRight);\n NeonIconRegistry.addIcon('chevron-up', chevronUp);\n NeonIconRegistry.addIcon('color-filter', colorFilter);\n NeonIconRegistry.addIcon('contrast', contrast);\n NeonIconRegistry.addIcon('copy', copy);\n NeonIconRegistry.addIcon('dash', dash);\n NeonIconRegistry.addIcon('desktop', desktop);\n NeonIconRegistry.addIcon('dot', dot);\n NeonIconRegistry.addIcon('download', download);\n NeonIconRegistry.addIcon('ellipsis', ellipsis);\n NeonIconRegistry.addIcon('exclamation-circle', exclamationCircle);\n NeonIconRegistry.addIcon('feather', feather);\n NeonIconRegistry.addIcon('github', github);\n NeonIconRegistry.addIcon('hammer', hammer);\n NeonIconRegistry.addIcon('heart', heart);\n NeonIconRegistry.addIcon('heart-outline', heartOutline);\n NeonIconRegistry.addIcon('html-logo', htmlLogo);\n NeonIconRegistry.addIcon('images', images);\n NeonIconRegistry.addIcon('info-circle', infoCircle);\n NeonIconRegistry.addIcon('link-external', linkExternal);\n NeonIconRegistry.addIcon('loading', loading);\n NeonIconRegistry.addIcon('lock', lock);\n NeonIconRegistry.addIcon('mail', mail);\n NeonIconRegistry.addIcon('menu', menu);\n NeonIconRegistry.addIcon('minus', minus);\n NeonIconRegistry.addIcon('moon', moon);\n NeonIconRegistry.addIcon('neon-logo', neonLogo);\n NeonIconRegistry.addIcon('neon-wordmark', neonWordmark);\n NeonIconRegistry.addIcon('palette', palette);\n NeonIconRegistry.addIcon('plus', plus);\n NeonIconRegistry.addIcon('send', send);\n NeonIconRegistry.addIcon('search', search);\n NeonIconRegistry.addIcon('sun', sun);\n NeonIconRegistry.addIcon('switch', switchIcon);\n NeonIconRegistry.addIcon('times', times);\n NeonIconRegistry.addIcon('times-circle', timesCircle);\n NeonIconRegistry.addIcon('user', user);\n NeonIconRegistry.addIcon('visibility-off', visibilityOff);\n NeonIconRegistry.addIcon('visibility-on', visibilityOn);\n }\n}\n"],"names":["RegisterIcons","NeonIconRegistry","alignCenter","alignLeft","alignRight","at","calendar","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","colorFilter","contrast","copy","dash","desktop","dot","download","ellipsis","exclamationCircle","feather","github","hammer","heart","heartOutline","htmlLogo","images","infoCircle","linkExternal","loading","lock","mail","menu","minus","moon","neonLogo","neonWordmark","palette","plus","send","search","sun","switchIcon","times","timesCircle","user","visibilityOff","visibilityOn"],"mappings":"
|
|
1
|
+
{"version":3,"file":"RegisterIcons.cjs.js","sources":["../../../src/common/utils/RegisterIcons.ts"],"sourcesContent":["import { NeonIconRegistry } from './NeonIconRegistry';\nimport alignCenter from '@/common/icons/align-center.svg';\nimport alignLeft from '@/common/icons/align-left.svg';\nimport alignRight from '@/common/icons/align-right.svg';\nimport at from '@/common/icons/at.svg';\nimport calendar from '@/common/icons/calendar.svg';\nimport check from '@/common/icons/check.svg';\nimport checkCircle from '@/common/icons/check-circle.svg';\nimport chevronDown from '@/common/icons/chevron-down.svg';\nimport chevronLeft from '@/common/icons/chevron-left.svg';\nimport chevronRight from '@/common/icons/chevron-right.svg';\nimport chevronUp from '@/common/icons/chevron-up.svg';\nimport colorFilter from '@/common/icons/color-filter.svg';\nimport contrast from '@/common/icons/contrast.svg';\nimport copy from '@/common/icons/copy.svg';\nimport dash from '@/common/icons/dash.svg';\nimport desktop from '@/common/icons/desktop.svg';\nimport dot from '@/common/icons/dot.svg';\nimport download from '@/common/icons/download.svg';\nimport ellipsis from '@/common/icons/ellipsis.svg';\nimport exclamationCircle from '@/common/icons/exclamation-circle.svg';\nimport feather from '@/common/icons/feather.svg';\nimport github from '@/common/icons/github.svg';\nimport hammer from '@/common/icons/hammer.svg';\nimport heart from '@/common/icons/heart.svg';\nimport heartOutline from '@/common/icons/heart-outline.svg';\nimport htmlLogo from '@/common/icons/html-logo.svg';\nimport images from '@/common/icons/images.svg';\nimport infoCircle from '@/common/icons/info-circle.svg';\nimport lightModeSunny from '@/common/icons/light-mode-sunny.svg';\nimport linkExternal from '@/common/icons/link-external.svg';\nimport loading from '@/common/icons/loading.svg';\nimport lock from '@/common/icons/lock.svg';\nimport mail from '@/common/icons/mail.svg';\nimport menu from '@/common/icons/menu.svg';\nimport minus from '@/common/icons/minus.svg';\nimport moon from '@/common/icons/moon.svg';\nimport neonLogo from '@/common/icons/neon-logo.svg';\nimport neonWordmark from '@/common/icons/neon-wordmark.svg';\nimport palette from '@/common/icons/palette.svg';\nimport plus from '@/common/icons/plus.svg';\nimport send from '@/common/icons/send.svg';\nimport search from '@/common/icons/search.svg';\nimport sun from '@/common/icons/sun.svg';\nimport switchIcon from '@/common/icons/switch.svg';\nimport times from '@/common/icons/times.svg';\nimport timesCircle from '@/common/icons/times-circle.svg';\nimport user from '@/common/icons/user.svg';\nimport visibilityOff from '@/common/icons/visibility-off.svg';\nimport visibilityOn from '@/common/icons/visibility-on.svg';\n\n/**\n * A helper for initialising the provided set of Neon icons with the\n * <a href=\"/utils/NeonIconRegistry\">NeonIconRegistry</a>.\n */\nexport class RegisterIcons {\n /**\n * Register all Neon default icons in the NeonIconRegistry. Call this in an app's <em>main.ts</em> to use Neon's\n * provided icons.\n */\n public static register() {\n NeonIconRegistry.addIcon('align-center', alignCenter);\n NeonIconRegistry.addIcon('align-left', alignLeft);\n NeonIconRegistry.addIcon('align-right', alignRight);\n NeonIconRegistry.addIcon('at', at);\n NeonIconRegistry.addIcon('calendar', calendar);\n NeonIconRegistry.addIcon('check', check);\n NeonIconRegistry.addIcon('check-circle', checkCircle);\n NeonIconRegistry.addIcon('chevron-down', chevronDown);\n NeonIconRegistry.addIcon('chevron-left', chevronLeft);\n NeonIconRegistry.addIcon('chevron-right', chevronRight);\n NeonIconRegistry.addIcon('chevron-up', chevronUp);\n NeonIconRegistry.addIcon('color-filter', colorFilter);\n NeonIconRegistry.addIcon('contrast', contrast);\n NeonIconRegistry.addIcon('copy', copy);\n NeonIconRegistry.addIcon('dash', dash);\n NeonIconRegistry.addIcon('desktop', desktop);\n NeonIconRegistry.addIcon('dot', dot);\n NeonIconRegistry.addIcon('download', download);\n NeonIconRegistry.addIcon('ellipsis', ellipsis);\n NeonIconRegistry.addIcon('exclamation-circle', exclamationCircle);\n NeonIconRegistry.addIcon('feather', feather);\n NeonIconRegistry.addIcon('github', github);\n NeonIconRegistry.addIcon('hammer', hammer);\n NeonIconRegistry.addIcon('heart', heart);\n NeonIconRegistry.addIcon('heart-outline', heartOutline);\n NeonIconRegistry.addIcon('html-logo', htmlLogo);\n NeonIconRegistry.addIcon('images', images);\n NeonIconRegistry.addIcon('info-circle', infoCircle);\n NeonIconRegistry.addIcon('light-mode-sunny', lightModeSunny);\n NeonIconRegistry.addIcon('link-external', linkExternal);\n NeonIconRegistry.addIcon('loading', loading);\n NeonIconRegistry.addIcon('lock', lock);\n NeonIconRegistry.addIcon('mail', mail);\n NeonIconRegistry.addIcon('menu', menu);\n NeonIconRegistry.addIcon('minus', minus);\n NeonIconRegistry.addIcon('moon', moon);\n NeonIconRegistry.addIcon('neon-logo', neonLogo);\n NeonIconRegistry.addIcon('neon-wordmark', neonWordmark);\n NeonIconRegistry.addIcon('palette', palette);\n NeonIconRegistry.addIcon('plus', plus);\n NeonIconRegistry.addIcon('send', send);\n NeonIconRegistry.addIcon('search', search);\n NeonIconRegistry.addIcon('sun', sun);\n NeonIconRegistry.addIcon('switch', switchIcon);\n NeonIconRegistry.addIcon('times', times);\n NeonIconRegistry.addIcon('times-circle', timesCircle);\n NeonIconRegistry.addIcon('user', user);\n NeonIconRegistry.addIcon('visibility-off', visibilityOff);\n NeonIconRegistry.addIcon('visibility-on', visibilityOn);\n }\n}\n"],"names":["RegisterIcons","NeonIconRegistry","alignCenter","alignLeft","alignRight","at","calendar","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","colorFilter","contrast","copy","dash","desktop","dot","download","ellipsis","exclamationCircle","feather","github","hammer","heart","heartOutline","htmlLogo","images","infoCircle","lightModeSunny","linkExternal","loading","lock","mail","menu","minus","moon","neonLogo","neonWordmark","palette","plus","send","search","sun","switchIcon","times","timesCircle","user","visibilityOff","visibilityOn"],"mappings":"8oEAuDO,MAAMA,CAAc,CAKzB,OAAc,UAAW,CACvBC,mBAAiB,QAAQ,eAAgBC,CAAW,EACpDD,mBAAiB,QAAQ,aAAcE,CAAS,EAChDF,mBAAiB,QAAQ,cAAeG,CAAU,EAClDH,mBAAiB,QAAQ,KAAMI,CAAE,EACjCJ,mBAAiB,QAAQ,WAAYK,CAAQ,EAC7CL,mBAAiB,QAAQ,QAASM,CAAK,EACvCN,mBAAiB,QAAQ,eAAgBO,CAAW,EACpDP,mBAAiB,QAAQ,eAAgBQ,CAAW,EACpDR,mBAAiB,QAAQ,eAAgBS,CAAW,EACpDT,mBAAiB,QAAQ,gBAAiBU,CAAY,EACtDV,mBAAiB,QAAQ,aAAcW,CAAS,EAChDX,mBAAiB,QAAQ,eAAgBY,CAAW,EACpDZ,mBAAiB,QAAQ,WAAYa,CAAQ,EAC7Cb,mBAAiB,QAAQ,OAAQc,CAAI,EACrCd,mBAAiB,QAAQ,OAAQe,CAAI,EACrCf,mBAAiB,QAAQ,UAAWgB,CAAO,EAC3ChB,mBAAiB,QAAQ,MAAOiB,CAAG,EACnCjB,mBAAiB,QAAQ,WAAYkB,CAAQ,EAC7ClB,mBAAiB,QAAQ,WAAYmB,CAAQ,EAC7CnB,mBAAiB,QAAQ,qBAAsBoB,CAAiB,EAChEpB,mBAAiB,QAAQ,UAAWqB,CAAO,EAC3CrB,mBAAiB,QAAQ,SAAUsB,CAAM,EACzCtB,mBAAiB,QAAQ,SAAUuB,CAAM,EACzCvB,mBAAiB,QAAQ,QAASwB,CAAK,EACvCxB,mBAAiB,QAAQ,gBAAiByB,CAAY,EACtDzB,mBAAiB,QAAQ,YAAa0B,CAAQ,EAC9C1B,mBAAiB,QAAQ,SAAU2B,CAAM,EACzC3B,mBAAiB,QAAQ,cAAe4B,CAAU,EAClD5B,mBAAiB,QAAQ,mBAAoB6B,CAAc,EAC3D7B,mBAAiB,QAAQ,gBAAiB8B,CAAY,EACtD9B,mBAAiB,QAAQ,UAAW+B,CAAO,EAC3C/B,mBAAiB,QAAQ,OAAQgC,CAAI,EACrChC,mBAAiB,QAAQ,OAAQiC,CAAI,EACrCjC,mBAAiB,QAAQ,OAAQkC,CAAI,EACrClC,mBAAiB,QAAQ,QAASmC,CAAK,EACvCnC,mBAAiB,QAAQ,OAAQoC,CAAI,EACrCpC,mBAAiB,QAAQ,YAAaqC,CAAQ,EAC9CrC,mBAAiB,QAAQ,gBAAiBsC,CAAY,EACtDtC,mBAAiB,QAAQ,UAAWuC,CAAO,EAC3CvC,mBAAiB,QAAQ,OAAQwC,CAAI,EACrCxC,mBAAiB,QAAQ,OAAQyC,CAAI,EACrCzC,mBAAiB,QAAQ,SAAU0C,CAAM,EACzC1C,mBAAiB,QAAQ,MAAO2C,CAAG,EACnC3C,mBAAiB,QAAQ,SAAU4C,CAAU,EAC7C5C,mBAAiB,QAAQ,QAAS6C,CAAK,EACvC7C,mBAAiB,QAAQ,eAAgB8C,CAAW,EACpD9C,mBAAiB,QAAQ,OAAQ+C,CAAI,EACrC/C,mBAAiB,QAAQ,iBAAkBgD,CAAa,EACxDhD,mBAAiB,QAAQ,gBAAiBiD,CAAY,CACxD,CACF"}
|
|
@@ -18,8 +18,8 @@ import g from "../icons/desktop.svg.es.js";
|
|
|
18
18
|
import u from "../icons/dot.svg.es.js";
|
|
19
19
|
import k from "../icons/download.svg.es.js";
|
|
20
20
|
import v from "../icons/ellipsis.svg.es.js";
|
|
21
|
-
import
|
|
22
|
-
import
|
|
21
|
+
import y from "../icons/exclamation-circle.svg.es.js";
|
|
22
|
+
import w from "../icons/feather.svg.es.js";
|
|
23
23
|
import b from "../icons/github.svg.es.js";
|
|
24
24
|
import x from "../icons/hammer.svg.es.js";
|
|
25
25
|
import C from "../icons/heart.svg.es.js";
|
|
@@ -27,36 +27,37 @@ import L from "../icons/heart-outline.svg.es.js";
|
|
|
27
27
|
import R from "../icons/html-logo.svg.es.js";
|
|
28
28
|
import O from "../icons/images.svg.es.js";
|
|
29
29
|
import D from "../icons/info-circle.svg.es.js";
|
|
30
|
-
import E from "../icons/
|
|
31
|
-
import F from "../icons/
|
|
30
|
+
import E from "../icons/light-mode-sunny.svg.es.js";
|
|
31
|
+
import F from "../icons/link-external.svg.es.js";
|
|
32
|
+
import M from "../icons/loading.svg.es.js";
|
|
32
33
|
import N from "../icons/lock.svg.es.js";
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import
|
|
42
|
-
import
|
|
43
|
-
import
|
|
44
|
-
import
|
|
34
|
+
import S from "../icons/mail.svg.es.js";
|
|
35
|
+
import U from "../icons/menu.svg.es.js";
|
|
36
|
+
import W from "../icons/minus.svg.es.js";
|
|
37
|
+
import j from "../icons/moon.svg.es.js";
|
|
38
|
+
import q from "../icons/neon-logo.svg.es.js";
|
|
39
|
+
import z from "../icons/neon-wordmark.svg.es.js";
|
|
40
|
+
import A from "../icons/palette.svg.es.js";
|
|
41
|
+
import B from "../icons/plus.svg.es.js";
|
|
42
|
+
import G from "../icons/send.svg.es.js";
|
|
43
|
+
import H from "../icons/search.svg.es.js";
|
|
44
|
+
import J from "../icons/sun.svg.es.js";
|
|
45
|
+
import K from "../icons/switch.svg.es.js";
|
|
45
46
|
import P from "../icons/times.svg.es.js";
|
|
46
47
|
import Q from "../icons/times-circle.svg.es.js";
|
|
47
|
-
import
|
|
48
|
-
import
|
|
49
|
-
import
|
|
50
|
-
class
|
|
48
|
+
import T from "../icons/user.svg.es.js";
|
|
49
|
+
import V from "../icons/visibility-off.svg.es.js";
|
|
50
|
+
import X from "../icons/visibility-on.svg.es.js";
|
|
51
|
+
class Vo {
|
|
51
52
|
/**
|
|
52
53
|
* Register all Neon default icons in the NeonIconRegistry. Call this in an app's <em>main.ts</em> to use Neon's
|
|
53
54
|
* provided icons.
|
|
54
55
|
*/
|
|
55
56
|
static register() {
|
|
56
|
-
o.addIcon("align-center", r), o.addIcon("align-left", m), o.addIcon("align-right", i), o.addIcon("at", d), o.addIcon("calendar", n), o.addIcon("check", t), o.addIcon("check-circle", c), o.addIcon("chevron-down", a), o.addIcon("chevron-left", e), o.addIcon("chevron-right", f), o.addIcon("chevron-up", p), o.addIcon("color-filter", l), o.addIcon("contrast", I), o.addIcon("copy", s), o.addIcon("dash", h), o.addIcon("desktop", g), o.addIcon("dot", u), o.addIcon("download", k), o.addIcon("ellipsis", v), o.addIcon("exclamation-circle",
|
|
57
|
+
o.addIcon("align-center", r), o.addIcon("align-left", m), o.addIcon("align-right", i), o.addIcon("at", d), o.addIcon("calendar", n), o.addIcon("check", t), o.addIcon("check-circle", c), o.addIcon("chevron-down", a), o.addIcon("chevron-left", e), o.addIcon("chevron-right", f), o.addIcon("chevron-up", p), o.addIcon("color-filter", l), o.addIcon("contrast", I), o.addIcon("copy", s), o.addIcon("dash", h), o.addIcon("desktop", g), o.addIcon("dot", u), o.addIcon("download", k), o.addIcon("ellipsis", v), o.addIcon("exclamation-circle", y), o.addIcon("feather", w), o.addIcon("github", b), o.addIcon("hammer", x), o.addIcon("heart", C), o.addIcon("heart-outline", L), o.addIcon("html-logo", R), o.addIcon("images", O), o.addIcon("info-circle", D), o.addIcon("light-mode-sunny", E), o.addIcon("link-external", F), o.addIcon("loading", M), o.addIcon("lock", N), o.addIcon("mail", S), o.addIcon("menu", U), o.addIcon("minus", W), o.addIcon("moon", j), o.addIcon("neon-logo", q), o.addIcon("neon-wordmark", z), o.addIcon("palette", A), o.addIcon("plus", B), o.addIcon("send", G), o.addIcon("search", H), o.addIcon("sun", J), o.addIcon("switch", K), o.addIcon("times", P), o.addIcon("times-circle", Q), o.addIcon("user", T), o.addIcon("visibility-off", V), o.addIcon("visibility-on", X);
|
|
57
58
|
}
|
|
58
59
|
}
|
|
59
60
|
export {
|
|
60
|
-
|
|
61
|
+
Vo as RegisterIcons
|
|
61
62
|
};
|
|
62
63
|
//# sourceMappingURL=RegisterIcons.es.js.map
|