@aotearoan/neon 9.2.9 → 9.3.0

package/dist/src/neon.d.ts

@@ -0,0 +1,124 @@
+export { default as NeonActionMenu } from './components/navigation/action-menu/NeonActionMenu.vue';
+export { default as NeonAlert } from './components/feedback/alert/NeonAlert.vue';
+export { default as NeonAlertContainer } from './components/feedback/alert/container/NeonAlertContainer.vue';
+export { default as NeonAnchor } from './components/navigation/anchor/NeonAnchor.vue';
+export { default as NeonBadge } from './components/presentation/badge/NeonBadge.vue';
+export { default as NeonButton } from './components/user-input/button/NeonButton.vue';
+export { default as NeonCard } from './components/layout/card/NeonCard.vue';
+export { default as NeonCardBody } from './components/layout/card/body/NeonCardBody.vue';
+export { default as NeonCardFooter } from './components/layout/card/footer/NeonCardFooter.vue';
+export { default as NeonCardHeader } from './components/layout/card/header/NeonCardHeader.vue';
+export { default as NeonChip } from './components/user-input/chip/NeonChip.vue';
+export { default as NeonColor } from './components/user-input/color/NeonColor.vue';
+export { default as NeonDatePicker } from './components/user-input/date-picker/NeonDatePicker.vue';
+export { default as NeonDialog } from './components/feedback/dialog/NeonDialog.vue';
+export { default as NeonDrawer } from './components/layout/drawer/NeonDrawer.vue';
+export { default as NeonDropdown } from './components/presentation/dropdown/NeonDropdown.vue';
+export { default as NeonDropdownMenu } from './components/navigation/dropdown-menu/NeonDropdownMenu.vue';
+export { default as NeonDropZone } from './components/user-input/drop-zone/NeonDropZone.vue';
+export { default as NeonExpansionIndicator } from './components/presentation/expansion-indicator/NeonExpansionIndicator.vue';
+export { default as NeonExpansionPanel } from './components/presentation/expansion-panel/NeonExpansionPanel.vue';
+export { default as NeonFieldGroup } from './components/user-input/field-group/NeonFieldGroup.vue';
+export { default as NeonField } from './components/user-input/field/NeonField.vue';
+export { default as NeonFile } from './components/user-input/file/NeonFile.vue';
+export { default as NeonFilterList } from './components/user-input/filter-list/NeonFilterList.vue';
+export { default as NeonFooter } from './components/layout/footer/NeonFooter.vue';
+export { default as NeonGrid } from './components/layout/grid/NeonGrid.vue';
+export { default as NeonGridArea } from './components/layout/grid/grid-area/NeonGridArea.vue';
+export { default as NeonIcon } from './components/presentation/icon/NeonIcon.vue';
+export { default as NeonInput } from './components/user-input/input/NeonInput.vue';
+export { default as NeonInputIndicator } from './components/user-input/input-indicator/NeonInputIndicator.vue';
+export { default as NeonLabel } from './components/presentation/label/NeonLabel.vue';
+export { default as NeonLinearProgress } from './components/feedback/linear-progress/NeonLinearProgress.vue';
+export { default as NeonLink } from './components/navigation/link/NeonLink.vue';
+export { default as NeonList } from './components/user-input/list/NeonList.vue';
+export { default as NeonMenu } from './components/navigation/menu/NeonMenu.vue';
+export { default as NeonModal } from './components/layout/modal/NeonModal.vue';
+export { default as NeonNote } from './components/feedback/note/NeonNote.vue';
+export { default as NeonNotificationCounter } from './components/feedback/notification-counter/NeonNotificationCounter.vue';
+export { default as NeonNumber } from './components/user-input/number/NeonNumber.vue';
+export { default as NeonPage } from './components/layout/page/NeonPage.vue';
+export { default as NeonPassword } from './components/user-input/password/NeonPassword.vue';
+export { default as NeonRangeSlider } from './components/user-input/range-slider/NeonRangeSlider.vue';
+export { default as NeonSideNav } from './components/layout/side-nav/NeonSideNav.vue';
+export { default as NeonSearch } from './components/user-input/search/NeonSearch.vue';
+export { default as NeonSelect } from './components/user-input/select/NeonSelect.vue';
+export { default as NeonSelectableCard } from './components/user-input/selectable-card/NeonSelectableCard.vue';
+export { default as NeonSkeletonLoader } from './components/feedback/skeleton-loader/NeonSkeletonLoader.vue';
+export { default as NeonSlider } from './components/user-input/slider/NeonSlider.vue';
+export { default as NeonSplashLoader } from './components/feedback/splash-loader/NeonSplashLoader.vue';
+export { default as NeonStepper } from './components/navigation/stepper/NeonStepper.vue';
+export { default as NeonSwitch } from './components/user-input/switch/NeonSwitch.vue';
+export { default as NeonTab } from './components/presentation/tabs/tab/NeonTab.vue';
+export { default as NeonTabs } from './components/presentation/tabs/NeonTabs.vue';
+export { default as NeonToastContainer } from './components/feedback/alert/container/NeonToastContainer.vue';
+export { default as NeonToggle } from './components/user-input/toggle/NeonToggle.vue';
+export { default as NeonToggleChip } from './components/user-input/toggle-chip/NeonToggleChip.vue';
+export { default as NeonTooltip } from './components/feedback/tooltip/NeonTooltip.vue';
+export { default as NeonTopNav } from './components/layout/top-nav/NeonTopNav.vue';
+export { default as NeonTreeMenu } from './components/navigation/tree-menu/NeonTreeMenu.vue';
+export { NeonAlertLevel } from './common/enums/NeonAlertLevel';
+export { NeonAlertPlacement } from './common/enums/NeonAlertPlacement';
+export { NeonButtonSize } from './common/enums/NeonButtonSize';
+export { NeonButtonStyle } from './common/enums/NeonButtonStyle';
+export { NeonChipAction } from './common/enums/NeonChipAction';
+export { NeonDropdownPlacement } from './common/enums/NeonDropdownPlacement';
+export { NeonDropdownStyle } from './common/enums/NeonDropdownStyle';
+export { NeonFunctionalColor } from './common/enums/NeonFunctionalColor';
+export { NeonHorizontalPosition } from './common/enums/NeonHorizontalPosition';
+export { NeonInputMode } from './common/enums/NeonInputMode';
+export { NeonInputType } from './common/enums/NeonInputType';
+export { NeonLabelSize } from './common/enums/NeonLabelSize';
+export { NeonMode } from './common/enums/NeonMode';
+export { NeonOrientation } from './common/enums/NeonOrientation';
+export { NeonOutlineStyle } from './common/enums/NeonOutlineStyle';
+export { NeonPlacement } from './common/enums/NeonPlacement';
+export { NeonPosition } from './common/enums/NeonPosition';
+export { NeonResponsive } from './common/enums/NeonResponsive';
+export { NeonSize } from './common/enums/NeonSize';
+export { NeonSplashLoaderSize } from './common/enums/NeonSplashLoaderSize';
+export { NeonState } from './common/enums/NeonState';
+export { NeonSwitchStyle } from './common/enums/NeonSwitchStyle';
+export { NeonToggleStyle } from './common/enums/NeonToggleStyle';
+export { NeonTooltipStyle } from './common/enums/NeonTooltipStyle';
+export { NeonVerticalPosition } from './common/enums/NeonVerticalPosition';
+export type { NeonActionMenuModel } from './common/models/NeonActionMenuModel';
+export type { NeonAlertAction } from './common/models/NeonAlertAction';
+export type { NeonAlertMessage } from './common/models/NeonAlertMessage';
+export type { NeonAlertModel } from './components/feedback/alert/NeonAlertModel';
+export type { NeonAvailableSpace } from './common/models/NeonAvailableSpace';
+export type { NeonContrastAccessibility } from './common/models/NeonContrastAccessibility';
+export type { NeonDate } from './common/models/NeonDate';
+export type { NeonDropdownMenuItem } from './common/models/NeonDropdownMenuItem';
+export type { NeonDropdownPlacementObject } from './common/models/NeonDropdownPlacementObject';
+export type { NeonFilterListItem } from './common/models/NeonFilterListItem';
+export type { NeonGridModel } from './common/models/NeonGridModel';
+export type { NeonListItem } from './common/models/NeonListItem';
+export type { NeonMenuItem } from './common/models/NeonMenuItem';
+export type { NeonMenuModel } from './common/models/NeonMenuModel';
+export type { NeonNumberFormatOptions } from './common/models/NeonNumberFormatOptions';
+export type { NeonPriorityMenuItem } from './components/navigation/menu/NeonPriorityMenuItem';
+export type { NeonSearchOption } from './common/models/NeonSearchOption';
+export type { NeonSelectGroup } from './common/models/NeonSelectGroup';
+export type { NeonSelectOption } from './common/models/NeonSelectOption';
+export type { NeonTabModel } from './common/models/NeonTabModel';
+export type { NeonToastMessage } from './common/models/NeonToastMessage';
+export type { NeonToastModel } from './components/feedback/alert/NeonToastModel';
+export type { NeonToggleModel } from './common/models/NeonToggleModel';
+export type { NeonTreeMenuLinkModel } from './common/models/NeonTreeMenuLinkModel';
+export type { NeonTreeMenuSectionModel } from './common/models/NeonTreeMenuSectionModel';
+export { NeonAlertService } from './common/utils/NeonAlertService';
+export { NeonClipboardService, NeonClipboardSupport } from './common/utils/NeonClipboardService';
+export { NeonClosableUtils } from './common/utils/NeonClosableUtils';
+export { NeonDateUtils } from './common/utils/NeonDateUtils';
+export { NeonDropdownPlacementUtils } from './common/utils/NeonDropdownPlacementUtils';
+export { NeonEventBus } from './common/utils/NeonEventBus';
+export { NeonIconRegistry } from './common/utils/NeonIconRegistry';
+export { NeonModeUtils } from './common/utils/NeonModeUtils';
+export { NeonNumberUtils } from './common/utils/NeonNumberUtils';
+export { NeonPlacementUtils } from './common/utils/NeonPlacementUtils';
+export { NeonResponsiveUtils } from './common/utils/NeonResponsiveUtils';
+export { NeonScrollUtils } from './common/utils/NeonScrollUtils';
+export { NeonToastService } from './common/utils/NeonToastService';
+export { NeonTooltipPlacementUtils } from './common/utils/NeonTooltipPlacementUtils';
+export { RegisterIcons } from './common/utils/RegisterIcons';

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "9.2.9",
+  "version": "9.3.0",
   "main": "./dist/neon.cjs.js",
-  "module": "dist/neon.es.js",
-  "types": "dist/neon.d.ts",
+  "module": "./dist/neon.es.js",
+  "types": "./dist/src/neon.d.ts",
   "exports": {
     ".": {
       "import": "./dist/neon.es.js",
@@ -17,7 +17,7 @@
     "dev": "node doc-gen.js && genversion --es6 --semi ./version.ts && vite",
     "build": "genversion --es6 --semi ./version.ts && vite build && vue-tsc --emitDeclarationOnly",
     "build-app": "genversion --es6 --semi ./version.ts && vite --config vite.config.app.ts build",
-    "test": "genversion --es6 --semi ./version.ts && jest --no-cache",
+    "test": "genversion --es6 --semi ./version.ts && TZ=UTC jest --no-cache --maxWorkers=2",
     "preview": "npm run build-app && vite preview --port 4173",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit",
@@ -32,6 +32,9 @@
     "dist/_virtual/**",
     "dist/common/**",
     "dist/components/**",
+    "dist/src/neon.d.ts",
+    "dist/src/common/**",
+    "dist/src/components/**",
     "src/sass/**"
   ],
   "keywords": [

package/src/sass/components/_button.scss

@@ -76,8 +76,10 @@
 }
 
 @mixin text-button($color) {
-  color: var(--neon-color-#{$color});
-  background: var(--neon-background-color-text-button);
+  &:not(.neon-button--text-transparent) {
+    color: var(--neon-color-#{$color});
+    background: var(--neon-background-color-text-button);
+  }
 
   &:hover:not(:disabled),
   &:focus:not(:disabled) {
@@ -178,16 +180,10 @@
 
     &--m {
       @include button-medium;
-      @include responsive.responsive(tablet) {
-        @include button-small;
-      }
     }
 
     &--l {
       @include button-large;
-      @include responsive.responsive(tablet) {
-        @include button-medium;
-      }
     }
 
     &--xl {

package/src/sass/components/_top-nav.scss

@@ -13,7 +13,6 @@
     border-bottom: var(--neon-border-width) var(--neon-border-style) var(--neon-border-color-top-nav);
 
     &__container {
-      @include layout.padding-vertical(0.75, 0.75);
       @include layout.padding-horizontal(1, 1);
       // account for side nav
       @include layout.spacing-horizontal('padding-left', larger-than-tablet, 0.75);

package/src/sass/variables.scss

@@ -472,7 +472,7 @@
 
     /* overlays */
     --neon-background-color-overlay: rgba(var(--neon-rgb-neutral-d5), 0.75);
-    --neon-background-color-overlay-opaque: rgba(var(--neon-rgb-neutral-d5), 1);
+    --neon-background-color-overlay-opaque: var(--neon-color-neutral-d5);
 
     /* toggle chips */
     --neon-border-width-toggle-chip: 0;
@@ -743,7 +743,7 @@
 
     /* overlays */
     --neon-background-color-overlay: rgba(var(--neon-rgb-neutral-d5), 0.75);
-    --neon-background-color-overlay-opaque: rgba(var(--neon-rgb-neutral-d5), 1);
+    --neon-background-color-overlay-opaque: var(--neon-color-neutral-l5);
 
     /* toggle chips */
     --neon-color-toggle-chip-text: var(--neon-color-text);

package/dist/components/user-input/button/NeonButton.ts_vue_type_script_src_32308d32_lang.cjs.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("vue"),r=require("../../../common/enums/NeonButtonSize.cjs.js"),c=require("../../../common/enums/NeonFunctionalColor.cjs.js"),s=require("../../../common/enums/NeonButtonStyle.cjs.js"),d=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),f=require("../../presentation/icon/NeonIcon.cjs.js"),b=require("../../navigation/link/NeonLink.cjs.js"),N=require("../../presentation/expansion-indicator/NeonExpansionIndicator.cjs.js"),t=require("../../../common/enums/NeonState.cjs.js"),S=e.defineComponent({name:"NeonButton",components:{NeonExpansionIndicator:N,NeonIcon:f,NeonLink:b},props:{href:{type:String,default:null},label:{type:String,default:null},size:{type:String,default:r.NeonButtonSize.Medium},color:{type:String,default:c.NeonFunctionalColor.LowContrast},inverse:{type:Boolean,default:!1},alternateColor:{type:String,default:null},icon:{type:String,default:null},iconPosition:{type:String,default:d.NeonHorizontalPosition.Left},buttonStyle:{type:String,default:s.NeonButtonStyle.Solid},state:{type:String,default:t.NeonState.Ready},disabled:{type:Boolean,default:!1},outline:{type:Boolean,default:!0},circular:{type:Boolean,default:null},fullWidth:{type:Boolean,default:null},indicator:{type:Boolean,default:!1},indicatorExpanded:{type:Boolean,default:null}},setup(n){const l=e.useAttrs(),o=e.ref(null),a=e.computed(()=>{switch(n.state){case t.NeonState.Loading:return"loading";case t.NeonState.Success:return"check";case t.NeonState.Error:return"times";default:return n.icon}}),u=e.computed(()=>[`neon-button--${n.size}`,!n.inverse&&`neon-button--${n.color}`,`neon-button--${n.buttonStyle}`,`neon-button--state-${n.state}`,{"neon-button--disabled":n.disabled,"neon-button--inverse":n.inverse,"neon-button--circular":n.circular,"neon-button--no-outline":!n.outline,"neon-button--full-width":n.fullWidth,"neon-button--with-icon neon-button--icon-only":!n.label&&n.icon&&!n.indicator,"neon-button--with-icon neon-button--icon-left":n.label&&n.icon&&n.iconPosition==="left","neon-button--with-icon neon-button--icon-right":n.label&&n.icon&&n.iconPosition==="right",[`neon-button--alternate-color-${n.alternateColor}`]:n.alternateColor}]);return{iconName:a,classes:u,button:o,attrs:l,click:()=>{var i;return(i=o.value)==null?void 0:i.click()}}}});module.exports=S;
-//# sourceMappingURL=NeonButton.ts_vue_type_script_src_32308d32_lang.cjs.js.map

package/dist/components/user-input/button/NeonButton.ts_vue_type_script_src_32308d32_lang.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonButton.ts_vue_type_script_src_32308d32_lang.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=32308d32&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const click = () => button.value?.click();\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      click,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","attrs","useAttrs","button","ref","iconName","computed","classes","_a"],"mappings":"kgBAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,uBAAAC,EACA,SAAAC,EACA,SAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,KAAM,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,MAAO,EAI7E,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAK7F,QAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAIzC,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAK,EAInG,YAAa,CAAE,KAAM,OAAiC,QAASC,EAAAA,gBAAgB,KAAM,EAIrF,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAM,EAInE,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,QAAS,CAAE,KAAM,QAAS,QAAS,EAAK,EAIxC,SAAU,CAAE,KAAM,QAAS,QAAS,IAAK,EAIzC,UAAW,CAAE,KAAM,QAAS,QAAS,IAAK,EAK1C,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,EAK3C,kBAAmB,CAAE,KAAM,QAAS,QAAS,IAAK,CACpD,EACA,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,WAERC,EAASC,MAAwB,IAAI,EAErCC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,OAAQN,EAAM,YACPD,EAAU,UAAA,QACN,MAAA,eACJA,EAAU,UAAA,QACN,MAAA,aACJA,EAAU,UAAA,MACN,MAAA,gBAEP,OAAOC,EAAM,KAAA,CAElB,EAEKO,EAAUD,EAAAA,SAAS,IAChB,CACL,gBAAgBN,EAAM,OACtB,CAACA,EAAM,SAAW,gBAAgBA,EAAM,QACxC,gBAAgBA,EAAM,cACtB,sBAAsBA,EAAM,QAC5B,CACE,wBAAyBA,EAAM,SAC/B,uBAAwBA,EAAM,QAC9B,wBAAyBA,EAAM,SAC/B,0BAA2B,CAACA,EAAM,QAClC,0BAA2BA,EAAM,UACjC,gDAAiD,CAACA,EAAM,OAASA,EAAM,MAAQ,CAACA,EAAM,UACtF,gDAAiDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,OACrG,iDAAkDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,QACtG,CAAC,gCAAgCA,EAAM,kBAAmBA,EAAM,cAClE,CAAA,CAEH,EAIM,MAAA,CACL,SAAAK,EACA,QAAAE,EACA,OAAAJ,EACA,MAAAF,EACA,MAPY,IAAM,OAAA,OAAAO,EAAAL,EAAO,QAAP,YAAAK,EAAc,QAOhC,CAEJ,CACF,CAAC"}

package/dist/components/user-input/button/NeonButton.ts_vue_type_script_src_32308d32_lang.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NeonButton.ts_vue_type_script_src_32308d32_lang.es.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=32308d32&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const click = () => button.value?.click();\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      click,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AAaA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,MAAM,EAAE,MAAM,QAAgC,SAAS,eAAe,OAAO;AAAA,IAI7E,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAK7F,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAIzC,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,cAAc,EAAE,MAAM,QAAwC,SAAS,uBAAuB,KAAK;AAAA,IAInG,aAAa,EAAE,MAAM,QAAiC,SAAS,gBAAgB,MAAM;AAAA,IAIrF,OAAO,EAAE,MAAM,QAA2B,SAAS,UAAU,MAAM;AAAA,IAInE,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIxC,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIzC,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAK1C,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAK3C,mBAAmB,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,EACpD;AAAA,EACA,MAAM,OAAO;AACX,UAAM,QAAQ;AAER,UAAA,SAAS,IAAwB,IAAI;AAErC,UAAA,WAAW,SAAS,MAAM;AAC9B,cAAQ,MAAM;AAAA,aACP,UAAU;AACN,iBAAA;AAAA,aACJ,UAAU;AACN,iBAAA;AAAA,aACJ,UAAU;AACN,iBAAA;AAAA;AAEP,iBAAO,MAAM;AAAA;AAAA,IAAA,CAElB;AAEK,UAAA,UAAU,SAAS,MAAM;AACtB,aAAA;AAAA,QACL,gBAAgB,MAAM;AAAA,QACtB,CAAC,MAAM,WAAW,gBAAgB,MAAM;AAAA,QACxC,gBAAgB,MAAM;AAAA,QACtB,sBAAsB,MAAM;AAAA,QAC5B;AAAA,UACE,yBAAyB,MAAM;AAAA,UAC/B,wBAAwB,MAAM;AAAA,UAC9B,yBAAyB,MAAM;AAAA,UAC/B,2BAA2B,CAAC,MAAM;AAAA,UAClC,2BAA2B,MAAM;AAAA,UACjC,iDAAiD,CAAC,MAAM,SAAS,MAAM,QAAQ,CAAC,MAAM;AAAA,UACtF,iDAAiD,MAAM,SAAS,MAAM,QAAQ,MAAM,iBAAiB;AAAA,UACrG,kDAAkD,MAAM,SAAS,MAAM,QAAQ,MAAM,iBAAiB;AAAA,UACtG,CAAC,gCAAgC,MAAM,mBAAmB,MAAM;AAAA,QAClE;AAAA,MAAA;AAAA,IACF,CACD;AAED,UAAM,QAAQ,MAAM;;AAAA,0BAAO,UAAP,mBAAc;AAAA;AAE3B,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}