@vc-shell/framework 1.1.9 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.1.9",
+  "version": "1.1.11",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -70,9 +70,9 @@
   "devDependencies": {
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "^1.1.9",
-    "@vc-shell/config-generator": "^1.1.9",
-    "@vc-shell/ts-config": "^1.1.9",
+    "@vc-shell/api-client-generator": "^1.1.11",
+    "@vc-shell/config-generator": "^1.1.11",
+    "@vc-shell/ts-config": "^1.1.11",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",

package/shared/components/blade-navigation/components/vc-blade-view/vc-blade-view.ts

@@ -112,7 +112,7 @@ export const VcBladeView = defineComponent({
     provide(
       BladeInstance,
       computed<IBladeInstance>(() => ({
-        id: bl.value?.type.name ?? FALLBACK_BLADE_ID,
+        id: (bl.value?.type.name ?? FALLBACK_BLADE_ID).toLowerCase(),
         param: bl.value?.props?.param,
         options: bl.value?.props?.options,
         expandable: props.expandable ?? false,

package/shared/components/user-dropdown-button/_internal/user-info.vue

@@ -59,7 +59,8 @@ const imageHandler = computed(() => {
 }
 
 .vc-user-info {
-  @apply tw-flex tw-items-center tw-gap-3 tw-truncate;
+  @apply tw-flex tw-items-center tw-gap-3 tw-truncate tw-w-full;
+  @apply tw-overflow-visible #{!important};
 
   &__avatar {
     @apply tw-rounded-full tw-overflow-hidden tw-w-[var(--user-info-avatar-width)] tw-h-[var(--user-info-avatar-height)] tw-bg-[color:var(--user-dropdown-account-info-role-color)]
@@ -79,7 +80,7 @@ const imageHandler = computed(() => {
   }
 
   &__role {
-    @apply tw-text-sm tw-text-[color:var(--user-dropdown-account-info-role-color)] tw-truncate tw-text-left;
+    @apply tw-text-sm tw-text-[color:var(--user-dropdown-account-info-role-color)] tw-truncate tw-text-left tw-w-full tw-max-w-[250px];
   }
 }
 

package/shared/components/user-dropdown-button/user-dropdown-button.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="vc-user-dropdown-button-container">
     <button
       type="button"
       class="vc-user-dropdown-button"
@@ -87,8 +87,12 @@ function handleClick() {
   --user-dropdown-wrap-padding-left: 18px;
 }
 
+.vc-user-dropdown-button-container {
+  @apply tw-flex tw-flex-col;
+}
+
 .vc-user-dropdown-button {
-  @apply tw-w-full tw-cursor-pointer tw-relative tw-flex tw-h-[var(--user-dropdown-height)] tw-flex-col tw-select-none tw-overflow-hidden tw-border-solid tw-border-t tw-border-t-[var(--user-dropdown-border-color)];
+  @apply tw-w-full tw-cursor-pointer tw-relative tw-flex tw-h-[var(--user-dropdown-height)] tw-flex-col tw-select-none tw-overflow-hidden tw-border-solid tw-border-t tw-border-t-[var(--user-dropdown-border-color)] tw-pl-[var(--user-dropdown-wrap-padding-left)];
 
   &:hover {
     .vc-user-dropdown-button__trigger {
@@ -108,7 +112,7 @@ function handleClick() {
   }
 
   &__wrap {
-    @apply tw-flex tw-justify-between tw-items-center tw-flex-auto tw-pl-[var(--user-dropdown-wrap-padding-left)] tw-bg-[--user-dropdown-wrap-bg] tw-gap-3;
+    @apply tw-flex tw-justify-between tw-items-center tw-flex-auto tw-bg-[--user-dropdown-wrap-bg] tw-gap-3;
   }
 
   &--collapsed {

package/ui/components/atoms/index.ts

@@ -13,7 +13,6 @@ export * from "./vc-progress";
 export * from "./vc-row";
 export * from "./vc-status";
 export * from "./vc-status-icon";
-export * from "./vc-switch";
 export * from "./vc-video";
 export * from "./vc-widget";
 export * from "./vc-tooltip";

package/ui/components/molecules/index.ts

@@ -15,3 +15,4 @@ export * from "./vc-field";
 export * from "./vc-radio-button";
 export * from "./vc-checkbox";
 export * from "./vc-input-dropdown";
+export * from "./vc-switch";

package/ui/components/molecules/vc-select/vc-select.vue

@@ -256,18 +256,9 @@
             ref="root"
             :no-padding="true"
           >
-            <div v-if="listLoading"></div>
-            <div
-              v-else-if="!(optionsList && optionsList.length)"
-              class="vc-select__no-options"
-            >
-              <slot name="no-options">
-                <span class="vc-select__no-options-text">No options</span>
-              </slot>
-            </div>
+            <!-- Render existing options -->
             <div
               v-for="(item, i) in optionScope"
-              v-else
               :key="i"
               class="vc-select__option"
               data-test-id="option"
@@ -284,9 +275,41 @@
                 >{{ item.label }}</slot
               >
             </div>
+
+            <!-- Loading Indicator (Initial or More) -->
+            <div
+              v-if="listLoading"
+              class="vc-select__list-loading-indicator"
+            >
+              <VcIcon
+                icon="lucide-loader"
+                class="tw-animate-spin"
+                size="m"
+              />
+              <span>
+                {{
+                  optionsList.length > 0
+                    ? t("COMPONENTS.MOLECULES.VC_SELECT.LOADING_MORE")
+                    : t("COMPONENTS.MOLECULES.VC_SELECT.LOADING")
+                }}
+              </span>
+            </div>
+
+            <!-- Show "No options" message -->
+            <div
+              v-if="!listLoading && !(optionsList && optionsList.length)"
+              class="vc-select__no-options"
+            >
+              <slot name="no-options">
+                <span class="vc-select__no-options-text">{{ t("COMPONENTS.MOLECULES.VC_SELECT.NO_OPTIONS") }}</span>
+              </slot>
+            </div>
+
+            <!-- Intersection observer target for loading more -->
             <span
-              v-if="hasNextPage"
+              v-if="hasNextPage && !listLoading"
               ref="el"
+              class="vc-select__load-more-trigger"
             ></span>
           </VcContainer>
         </div>
@@ -315,7 +338,7 @@ import { VcLabel, VcContainer, VcHint, VcIcon } from "./../../";
 import { useI18n } from "vue-i18n";
 import { useKeyboardNavigation } from "../../../../core/composables/useKeyboardNavigation";
 
-export type OptionProp<T> = ((option: T) => string) | string | undefined;
+type OptionProp<T> = ((option: T) => string) | string | undefined;
 type MaybeArray<T> = T | T[];
 type FloatingInstanceType = UseFloatingReturn & {
   middlewareData: {
@@ -327,7 +350,7 @@ type FloatingInstanceType = UseFloatingReturn & {
     };
   };
 };
-type ArrayElementType<T> = T extends Array<infer U> ? U : never;
+type ArrayElementType<U> = U extends Array<infer V> ? V : never;
 type Option = T & ArrayElementType<Required<P>["results"]>;
 
 defineSlots<{
@@ -1225,6 +1248,18 @@ const keyboardNavigation = useKeyboardNavigation({
     }
   }
 
+  &__list-loading-indicator {
+    @apply tw-flex tw-items-center tw-justify-center tw-p-2 tw-text-sm tw-text-[color:var(--select-text-color)];
+
+    span {
+      @apply tw-mr-2;
+    }
+  }
+
+  &__load-more-trigger {
+    @apply tw-block tw-h-[1px]; /* Ensures it's in layout flow for intersection observer */
+  }
+
   &.vc-select_opened &__chevron {
     @apply tw-rotate-180;
   }

package/ui/components/{atoms → molecules}/vc-switch/vc-switch.stories.ts

@@ -9,7 +9,7 @@ import VcHint from "../../atoms/vc-hint/vc-hint.vue";
  * and other binary choices in forms and configuration interfaces.
  */
 const meta = {
-  title: "Atoms/VcSwitch",
+  title: "Molecules/VcSwitch",
   component: VcSwitch,
   tags: ["autodocs"],
   argTypes: {

package/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue

@@ -57,7 +57,7 @@ const blade = inject<ComputedRef<IBladeInstance>>(
   })),
 );
 
-const bladeId = computed(() => blade.value?.id ?? FALLBACK_BLADE_ID);
+const bladeId = computed(() => (blade.value?.id ?? FALLBACK_BLADE_ID).toLowerCase());
 
 const isMobile = inject<ComputedRef<boolean>>(
   "isMobile",

package/ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/_internal/vc-widget-container-desktop.vue

@@ -50,9 +50,11 @@ import { VcIcon, ChevronDownIcon } from "../../../../..";
 
 interface Props {
   widgets: IWidget[];
+  bladeId: string;
 }
 
 const props = defineProps<Props>();
+const normalizedBladeId = computed(() => props.bladeId?.toLowerCase() || "");
 const showToolbar = ref(false);
 
 const displayedItems = computed(() => props.widgets.slice(0, 3));

package/ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/_internal/vc-widget-container-mobile.vue

@@ -66,6 +66,7 @@ interface Props {
 }
 
 const props = defineProps<Props>();
+const normalizedBladeId = computed(() => props.bladeId.toLowerCase());
 const containerRef = ref<HTMLElement | null>(null);
 const showToolbar = ref(false);
 const bladeInstance = inject<IBladeInstance>(BladeInstance);

package/ui/components/organisms/vc-blade/_internal/vc-blade-widget-container/vc-widget-container.vue

@@ -3,12 +3,12 @@
     <WidgetContainerMobile
       v-if="$isMobile.value"
       :widgets="visibleWidgets"
-      :blade-id="bladeId"
+      :blade-id="normalizedBladeId"
     />
     <WidgetContainerDesktop
       v-else
       :widgets="visibleWidgets"
-      :blade-id="bladeId"
+      :blade-id="normalizedBladeId"
     />
   </template>
 </template>
@@ -25,8 +25,9 @@ interface Props {
 }
 
 const props = defineProps<Props>();
+const normalizedBladeId = computed(() => props.bladeId.toLowerCase());
 const widgetService = useWidgets();
-const widgets = computed(() => widgetService.getWidgets(props.bladeId));
+const widgets = computed(() => widgetService.getWidgets(normalizedBladeId.value));
 const bladeInstance = inject<IBladeInstance>(BladeInstance);
 
 const visibleWidgets = computed(() =>

package/ui/components/organisms/vc-blade/vc-blade.vue

@@ -243,8 +243,6 @@ const { open } = usePopup({
     }),
   },
 });
-
-console.log(getCurrentInstance());
 </script>
 
 <style lang="scss">

package/dist/apl-B2DGVGxc.js

@@ -1,76 +0,0 @@
-var l = {
-  "+": ["conjugate", "add"],
-  "−": ["negate", "subtract"],
-  "×": ["signOf", "multiply"],
-  "÷": ["reciprocal", "divide"],
-  "⌈": ["ceiling", "greaterOf"],
-  "⌊": ["floor", "lesserOf"],
-  "∣": ["absolute", "residue"],
-  "⍳": ["indexGenerate", "indexOf"],
-  "?": ["roll", "deal"],
-  "⋆": ["exponentiate", "toThePowerOf"],
-  "⍟": ["naturalLog", "logToTheBase"],
-  "○": ["piTimes", "circularFuncs"],
-  "!": ["factorial", "binomial"],
-  "⌹": ["matrixInverse", "matrixDivide"],
-  "<": [null, "lessThan"],
-  "≤": [null, "lessThanOrEqual"],
-  "=": [null, "equals"],
-  ">": [null, "greaterThan"],
-  "≥": [null, "greaterThanOrEqual"],
-  "≠": [null, "notEqual"],
-  "≡": ["depth", "match"],
-  "≢": [null, "notMatch"],
-  "∈": ["enlist", "membership"],
-  "⍷": [null, "find"],
-  "∪": ["unique", "union"],
-  "∩": [null, "intersection"],
-  "∼": ["not", "without"],
-  "∨": [null, "or"],
-  "∧": [null, "and"],
-  "⍱": [null, "nor"],
-  "⍲": [null, "nand"],
-  "⍴": ["shapeOf", "reshape"],
-  ",": ["ravel", "catenate"],
-  "⍪": [null, "firstAxisCatenate"],
-  "⌽": ["reverse", "rotate"],
-  "⊖": ["axis1Reverse", "axis1Rotate"],
-  "⍉": ["transpose", null],
-  "↑": ["first", "take"],
-  "↓": [null, "drop"],
-  "⊂": ["enclose", "partitionWithAxis"],
-  "⊃": ["diclose", "pick"],
-  "⌷": [null, "index"],
-  "⍋": ["gradeUp", null],
-  "⍒": ["gradeDown", null],
-  "⊤": ["encode", null],
-  "⊥": ["decode", null],
-  "⍕": ["format", "formatByExample"],
-  "⍎": ["execute", null],
-  "⊣": ["stop", "left"],
-  "⊢": ["pass", "right"]
-}, t = /[\.\/⌿⍀¨⍣]/, a = /⍬/, i = /[\+−×÷⌈⌊∣⍳\?⋆⍟○!⌹<≤=>≥≠≡≢∈⍷∪∩∼∨∧⍱⍲⍴,⍪⌽⊖⍉↑↓⊂⊃⌷⍋⍒⊤⊥⍕⍎⊣⊢]/, u = /←/, o = /[⍝#].*$/, s = function(r) {
-  var n;
-  return n = !1, function(e) {
-    return n = e, e === r ? n === "\\" : !0;
-  };
-};
-const f = {
-  name: "apl",
-  startState: function() {
-    return {
-      prev: !1,
-      func: !1,
-      op: !1,
-      string: !1,
-      escape: !1
-    };
-  },
-  token: function(r, n) {
-    var e;
-    return r.eatSpace() ? null : (e = r.next(), e === '"' || e === "'" ? (r.eatWhile(s(e)), r.next(), n.prev = !0, "string") : /[\[{\(]/.test(e) ? (n.prev = !1, null) : /[\]}\)]/.test(e) ? (n.prev = !0, null) : a.test(e) ? (n.prev = !1, "atom") : /[¯\d]/.test(e) ? (n.func ? (n.func = !1, n.prev = !1) : n.prev = !0, r.eatWhile(/[\w\.]/), "number") : t.test(e) || u.test(e) ? "operator" : i.test(e) ? (n.func = !0, n.prev = !1, l[e] ? "variableName.function.standard" : "variableName.function") : o.test(e) ? (r.skipToEnd(), "comment") : e === "∘" && r.peek() === "." ? (r.next(), "variableName.function") : (r.eatWhile(/[\w\$_]/), n.prev = !0, "keyword"));
-  }
-};
-export {
-  f as apl
-};

package/dist/asciiarmor-2LVJmxlE.js

@@ -1,34 +0,0 @@
-function t(e) {
-  var r = e.match(/^\s*\S/);
-  return e.skipToEnd(), r ? "error" : null;
-}
-const i = {
-  name: "asciiarmor",
-  token: function(e, r) {
-    var n;
-    if (r.state == "top")
-      return e.sol() && (n = e.match(/^-----BEGIN (.*)?-----\s*$/)) ? (r.state = "headers", r.type = n[1], "tag") : t(e);
-    if (r.state == "headers") {
-      if (e.sol() && e.match(/^\w+:/))
-        return r.state = "header", "atom";
-      var o = t(e);
-      return o && (r.state = "body"), o;
-    } else {
-      if (r.state == "header")
-        return e.skipToEnd(), r.state = "headers", "string";
-      if (r.state == "body")
-        return e.sol() && (n = e.match(/^-----END (.*)?-----\s*$/)) ? n[1] != r.type ? "error" : (r.state = "end", "tag") : e.eatWhile(/[A-Za-z0-9+\/=]/) ? null : (e.next(), "error");
-      if (r.state == "end")
-        return t(e);
-    }
-  },
-  blankLine: function(e) {
-    e.state == "headers" && (e.state = "body");
-  },
-  startState: function() {
-    return { state: "top", type: null };
-  }
-};
-export {
-  i as asciiArmor
-};

package/dist/asn1-jKiBa2Ya.js

@@ -1,95 +0,0 @@
-function u(i) {
-  for (var s = {}, c = i.split(" "), T = 0; T < c.length; ++T) s[c[T]] = !0;
-  return s;
-}
-const o = {
-  keywords: u("DEFINITIONS OBJECTS IF DERIVED INFORMATION ACTION REPLY ANY NAMED CHARACTERIZED BEHAVIOUR REGISTERED WITH AS IDENTIFIED CONSTRAINED BY PRESENT BEGIN IMPORTS FROM UNITS SYNTAX MIN-ACCESS MAX-ACCESS MINACCESS MAXACCESS REVISION STATUS DESCRIPTION SEQUENCE SET COMPONENTS OF CHOICE DistinguishedName ENUMERATED SIZE MODULE END INDEX AUGMENTS EXTENSIBILITY IMPLIED EXPORTS"),
-  cmipVerbs: u("ACTIONS ADD GET NOTIFICATIONS REPLACE REMOVE"),
-  compareTypes: u("OPTIONAL DEFAULT MANAGED MODULE-TYPE MODULE_IDENTITY MODULE-COMPLIANCE OBJECT-TYPE OBJECT-IDENTITY OBJECT-COMPLIANCE MODE CONFIRMED CONDITIONAL SUBORDINATE SUPERIOR CLASS TRUE FALSE NULL TEXTUAL-CONVENTION"),
-  status: u("current deprecated mandatory obsolete"),
-  tags: u("APPLICATION AUTOMATIC EXPLICIT IMPLICIT PRIVATE TAGS UNIVERSAL"),
-  storage: u("BOOLEAN INTEGER OBJECT IDENTIFIER BIT OCTET STRING UTCTime InterfaceIndex IANAifType CMIP-Attribute REAL PACKAGE PACKAGES IpAddress PhysAddress NetworkAddress BITS BMPString TimeStamp TimeTicks TruthValue RowStatus DisplayString GeneralString GraphicString IA5String NumericString PrintableString SnmpAdminString TeletexString UTF8String VideotexString VisibleString StringStore ISO646String T61String UniversalString Unsigned32 Integer32 Gauge Gauge32 Counter Counter32 Counter64"),
-  modifier: u("ATTRIBUTE ATTRIBUTES MANDATORY-GROUP MANDATORY-GROUPS GROUP GROUPS ELEMENTS EQUALITY ORDERING SUBSTRINGS DEFINED"),
-  accessTypes: u("not-accessible accessible-for-notify read-only read-create read-write"),
-  multiLineStrings: !0
-};
-function g(i) {
-  var s = i.keywords || o.keywords, c = i.cmipVerbs || o.cmipVerbs, T = i.compareTypes || o.compareTypes, N = i.status || o.status, d = i.tags || o.tags, f = i.storage || o.storage, m = i.modifier || o.modifier, C = i.accessTypes || o.accessTypes;
-  i.multiLineStrings || o.multiLineStrings;
-  var R = i.indentStatements !== !1, A = /[\|\^]/, E;
-  function y(e, n) {
-    var t = e.next();
-    if (t == '"' || t == "'")
-      return n.tokenize = D(t), n.tokenize(e, n);
-    if (/[\[\]\(\){}:=,;]/.test(t))
-      return E = t, "punctuation";
-    if (t == "-" && e.eat("-"))
-      return e.skipToEnd(), "comment";
-    if (/\d/.test(t))
-      return e.eatWhile(/[\w\.]/), "number";
-    if (A.test(t))
-      return e.eatWhile(A), "operator";
-    e.eatWhile(/[\w\-]/);
-    var r = e.current();
-    return s.propertyIsEnumerable(r) ? "keyword" : c.propertyIsEnumerable(r) ? "variableName" : T.propertyIsEnumerable(r) ? "atom" : N.propertyIsEnumerable(r) ? "comment" : d.propertyIsEnumerable(r) ? "typeName" : f.propertyIsEnumerable(r) || m.propertyIsEnumerable(r) || C.propertyIsEnumerable(r) ? "modifier" : "variableName";
-  }
-  function D(e) {
-    return function(n, t) {
-      for (var r = !1, S, O = !1; (S = n.next()) != null; ) {
-        if (S == e && !r) {
-          var I = n.peek();
-          I && (I = I.toLowerCase(), (I == "b" || I == "h" || I == "o") && n.next()), O = !0;
-          break;
-        }
-        r = !r && S == "\\";
-      }
-      return O && (t.tokenize = null), "string";
-    };
-  }
-  function p(e, n, t, r, S) {
-    this.indented = e, this.column = n, this.type = t, this.align = r, this.prev = S;
-  }
-  function a(e, n, t) {
-    var r = e.indented;
-    return e.context && e.context.type == "statement" && (r = e.context.indented), e.context = new p(r, n, t, null, e.context);
-  }
-  function l(e) {
-    var n = e.context.type;
-    return (n == ")" || n == "]" || n == "}") && (e.indented = e.context.indented), e.context = e.context.prev;
-  }
-  return {
-    name: "asn1",
-    startState: function() {
-      return {
-        tokenize: null,
-        context: new p(-2, 0, "top", !1),
-        indented: 0,
-        startOfLine: !0
-      };
-    },
-    token: function(e, n) {
-      var t = n.context;
-      if (e.sol() && (t.align == null && (t.align = !1), n.indented = e.indentation(), n.startOfLine = !0), e.eatSpace()) return null;
-      E = null;
-      var r = (n.tokenize || y)(e, n);
-      if (r == "comment") return r;
-      if (t.align == null && (t.align = !0), (E == ";" || E == ":" || E == ",") && t.type == "statement")
-        l(n);
-      else if (E == "{") a(n, e.column(), "}");
-      else if (E == "[") a(n, e.column(), "]");
-      else if (E == "(") a(n, e.column(), ")");
-      else if (E == "}") {
-        for (; t.type == "statement"; ) t = l(n);
-        for (t.type == "}" && (t = l(n)); t.type == "statement"; ) t = l(n);
-      } else E == t.type ? l(n) : R && ((t.type == "}" || t.type == "top") && E != ";" || t.type == "statement" && E == "newstatement") && a(n, e.column(), "statement");
-      return n.startOfLine = !1, r;
-    },
-    languageData: {
-      indentOnInput: /^\s*[{}]$/,
-      commentTokens: { line: "--" }
-    }
-  };
-}
-export {
-  g as asn1
-};