@aerogel/core 0.0.0-next.bb9dcdbb118a15d146d3a1c4cf861ca2f4f1eebd → 0.0.0-next.c4825c5cbe0fe3257e478c2a7ec8df27d5a72305

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@aerogel/core",
     "description": "The Lightest Solid",
-    "version": "0.0.0-next.bb9dcdbb118a15d146d3a1c4cf861ca2f4f1eebd",
+    "version": "0.0.0-next.c4825c5cbe0fe3257e478c2a7ec8df27d5a72305",
     "main": "dist/aerogel-core.cjs.js",
     "module": "dist/aerogel-core.esm.js",
     "types": "dist/aerogel-core.d.ts",

package/src/components/lib/AGProgressBar.vue

@@ -18,10 +18,10 @@ import { requiredNumberProp, stringProp } from '@/utils/vue';
 
 const props = defineProps({
     progress: requiredNumberProp(),
-    class: stringProp(''),
+    barClass: stringProp(''),
 });
 const barClasses = computed(() => {
-    const classes = props.class ?? '';
+    const classes = props.barClass ?? '';
 
     return `h-full w-full transition-transform duration-500 ease-linear ${
         classes.includes('bg-') ? classes : `${classes} bg-gray-700`

package/src/components/modals/AGConfirmModal.ts

@@ -3,7 +3,7 @@ import type { ExtractPropTypes } from 'vue';
 import type { ObjectWithout, Pretty, SubPartial } from '@noeldemartin/utils';
 
 import { Colors } from '@/components/constants';
-import { enumProp, objectProp, requiredStringProp, stringProp } from '@/utils';
+import { booleanProp, enumProp, objectProp, requiredStringProp, stringProp } from '@/utils';
 import { translateWithDefault } from '@/lang';
 import type { AcceptRefs } from '@/utils';
 import type { ConfirmCheckboxes } from '@/ui';
@@ -17,6 +17,7 @@ export const confirmModalProps = {
     cancelColor: enumProp(Colors, Colors.Clear),
     checkboxes: objectProp<ConfirmCheckboxes>(),
     actions: objectProp<Record<string, () => unknown>>(),
+    required: booleanProp(false),
 };
 
 export type AGConfirmModalProps = Pretty<

package/src/components/modals/AGConfirmModal.vue

@@ -6,7 +6,7 @@
             <AGButton :color="acceptColor" @click="close(true)">
                 {{ renderedAcceptText }}
             </AGButton>
-            <AGButton :color="cancelColor" @click="close()">
+            <AGButton v-if="!required" :color="cancelColor" @click="close()">
                 {{ renderedCancelText }}
             </AGButton>
         </div>

package/src/services/App.state.ts

@@ -16,18 +16,23 @@ export default defineServiceState({
     },
     computed: {
         development: (state) => state.environment === 'development',
+        staging: (state) => state.environment === 'staging',
         testing: (state) => state.environment === 'test' || state.environment === 'testing',
         versionName(state): string {
             if (this.development) {
                 return 'dev.' + Aerogel.sourceHash.toString().substring(0, 7);
             }
 
+            if (this.staging) {
+                return 'staging.' + Aerogel.sourceHash.toString().substring(0, 7);
+            }
+
             return `v${state.version}`;
         },
         versionUrl(state): string {
             return (
                 state.sourceUrl +
-                (this.development ? `/tree/${Aerogel.sourceHash}` : `/releases/tag/${this.versionName}`)
+                (this.development || this.staging ? `/tree/${Aerogel.sourceHash}` : `/releases/tag/${this.versionName}`)
             );
         },
     },

package/src/ui/UI.ts

@@ -44,6 +44,7 @@ export type ConfirmOptions = AcceptRefs<{
     cancelText?: string;
     cancelColor?: Color;
     actions?: Record<string, () => unknown>;
+    required?: boolean;
 }>;
 
 export type LoadingOptions = AcceptRefs<{
@@ -114,15 +115,17 @@ export class UIService extends Service {
         const getProperties = (): AGConfirmModalProps => {
             if (typeof messageOrOptions !== 'string') {
                 return {
-                    message: messageOrTitle,
                     ...(messageOrOptions ?? {}),
+                    message: messageOrTitle,
+                    required: !!messageOrOptions?.required,
                 };
             }
 
             return {
+                ...(options ?? {}),
                 title: messageOrTitle,
                 message: messageOrOptions,
-                ...(options ?? {}),
+                required: !!options?.required,
             };
         };
         const properties = getProperties();