@ulu/frontend-vue 0.1.0-beta.2 → 0.1.0-beta.21

package/lib/composables/usePagination.js

@@ -0,0 +1,122 @@
+import { computed, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+
+/**
+ * A Vue composable for handling pagination logic.
+ * It interacts with vue-router to keep the current page in the URL query string.
+ *
+ * @param {import('vue').Ref<Array<any>>} items - A ref containing the full list of items to be paginated.
+ * @param {number} itemsPerPage - The number of items to display per page.
+ * @returns {{
+ *   currentPage: import('vue').ComputedRef<number>,
+ *   totalPages: import('vue').ComputedRef<number>,
+ *   paginatedItems: import('vue').ComputedRef<Array<any>>,
+ *   pagerItems: import('vue').ComputedRef<object|null>,
+ *   pagerEllipses: import('vue').ComputedRef<{previous: boolean, next: boolean}>
+ * }} - An object containing reactive properties for pagination.
+ */
+export function usePagination(items, itemsPerPage) {
+  const route = useRoute();
+  const router = useRouter();
+
+  const currentPage = computed(() => {
+    const page = parseInt(route.query.page || '1', 10);
+    return isNaN(page) || page < 1 ? 1 : page;
+  });
+
+  const totalPages = computed(() => {
+    if (!items.value || items.value.length === 0) return 1;
+    return Math.ceil(items.value.length / itemsPerPage);
+  });
+
+  watch(totalPages, (newTotalPages) => {
+    if (currentPage.value > newTotalPages) {
+      router.push({ query: { ...route.query, page: newTotalPages } });
+    }
+  });
+
+  const paginatedItems = computed(() => {
+    const start = (currentPage.value - 1) * itemsPerPage;
+    const end = start + itemsPerPage;
+    return items.value.slice(start, end);
+  });
+
+  const pagerItems = computed(() => {
+    if (totalPages.value <= 1) {
+      return null;
+    }
+
+    const items = {
+      pages: {}
+    };
+    const page = currentPage.value;
+    const total = totalPages.value;
+    const maxPagesToShow = 5;
+
+    const createRoute = (p) => {
+      return { query: { ...route.query, page: p } };
+    };
+
+    if (page > 1) {
+      items.first = { href: createRoute(1) };
+      items.previous = { href: createRoute(page - 1) };
+    }
+
+    if (page < total) {
+      items.next = { href: createRoute(page + 1) };
+      items.last = { href: createRoute(total) };
+    }
+
+    let startPage, endPage;
+    if (total <= maxPagesToShow) {
+      startPage = 1;
+      endPage = total;
+    } else {
+      const maxPagesBeforeCurrent = Math.floor(maxPagesToShow / 2);
+      const maxPagesAfterCurrent = Math.ceil(maxPagesToShow / 2) - 1;
+      if (page <= maxPagesBeforeCurrent) {
+        startPage = 1;
+        endPage = maxPagesToShow;
+      } else if (page + maxPagesAfterCurrent >= total) {
+        startPage = total - maxPagesToShow + 1;
+        endPage = total;
+      } else {
+        startPage = page - maxPagesBeforeCurrent;
+        endPage = page + maxPagesAfterCurrent;
+      }
+    }
+
+    for (let i = startPage; i <= endPage; i++) {
+      items.pages[i] = { href: createRoute(i) };
+    }
+
+    return items;
+  });
+
+  const pagerEllipses = computed(() => {
+    const ellipses = { previous: false, next: false };
+    if (!pagerItems.value || !pagerItems.value.pages) return ellipses;
+
+    const pageKeys = Object.keys(pagerItems.value.pages).map(Number);
+    if (pageKeys.length === 0) return ellipses;
+
+    const firstPageInPager = Math.min(...pageKeys);
+    const lastPageInPager = Math.max(...pageKeys);
+
+    if (firstPageInPager > 1) {
+      ellipses.previous = true;
+    }
+    if (lastPageInPager < totalPages.value) {
+      ellipses.next = true;
+    }
+    return ellipses;
+  });
+
+  return {
+    currentPage,
+    totalPages,
+    paginatedItems,
+    pagerItems,
+    pagerEllipses
+  };
+}

package/lib/composables/useRequiredInject.js

@@ -0,0 +1,26 @@
+import { inject } from 'vue';
+import { injectRegistry } from "../meta.js";
+
+// A unique sentinel object to detect if a value was provided.
+// This is used to differentiate between a provider not existing vs.
+// a provider explicitly giving a `null` value.
+const NOT_FOUND = {};
+
+/**
+ * Injects a dependency from a plugin (or other required inject) and throws an error if it's not available.
+ *
+ * @param {string} key - The injection key (e.g., 'uluBreakpointManager').
+ * @returns The injected value.
+ */
+export function useRequiredInject(key) {
+  const dependency = inject(key, NOT_FOUND);
+
+  if (dependency === NOT_FOUND) {
+    const plugin = injectRegistry[key] || '';
+    const pluginInfo = plugin ? ` from the '${ plugin }' plugin` : "";
+    const action = plugin ? "Please install missing plugin." : ""; 
+    throw new Error(`Required inject: '${ key }'${ pluginInfo } was not provided. ${ action }`);
+  }
+
+  return dependency;
+}

package/lib/index.js

@@ -7,4 +7,4 @@
 export * from './plugins/index.js';
 export * from './components/index.js';
 export * from './composables/index.js';
-export * from './settings.js';
+export * as utils from './utils/index.js';

package/lib/meta.js

@@ -0,0 +1,14 @@
+/**
+ * @module lib/meta
+ * @description A central lookup for meta like info in the system
+ */
+
+export const injectRegistry = {
+  'uluCore': 'Core',
+  'uluIsMobile': 'Breakpoints',
+  'uluBreakpointActive': 'Breakpoints',
+  'uluBreakpointDirection': 'Breakpoints',
+  'uluBreakpointManager': 'Breakpoints',
+  'uluModals': 'Modals',
+  'uluToast': 'Toast',
+};

package/lib/plugins/core/index.js

@@ -0,0 +1,91 @@
+/**
+ * @module plugins/core/index.js
+ * @description Core plugin for managing shared configuration for the library.
+ */
+import { reactive } from 'vue';
+
+const defaults = {
+  fontAwesomeStatic: false,
+  iconComponent: null,
+  iconPropResolver: (definition) => ({ icon: definition }),
+  iconsByType: {
+    danger: "fas fa-triangle-exclamation",
+    warning: "fas fa-circle-exclamation",
+    info: "fas fa-circle-info",
+    success: "fas fa-circle-check",
+    externalLink: "fas fa-arrow-up-right-from-square",
+    close: "fas fa-xmark",
+    expand: "fas fa-plus",
+    collapse: "fas fa-minus",
+    resizeHorizontal: "fas fa-grip-lines-vertical",
+    resizeVertical: "fas fa-grip-lines",
+    resizeBoth: "fas fa-grip",
+    ellipsis: "fas fa-ellipsis",
+    pathSeparator: "fas fa-chevron-right",
+    image: "fas fa-image",
+    file: "fas fa-file",
+    next: "fas fa-chevron-left",
+    previous: "fas fa-chevron-right"
+  }
+};
+
+export const iconKeys = Object.keys(defaults.iconsByType);
+
+export default function install(app, userSettings = {}) {
+  // A single reactive object for all settings
+  const settings = reactive({ ...defaults });
+
+  // Separate icon overrides from other options to handle them safely
+  const { iconsByType: iconOverrides, ...otherOptions } = userSettings || {};
+
+  // Merge any user-provided options during installation
+  if (otherOptions) {
+    Object.assign(settings, otherOptions);
+  }
+
+  const api = {
+    // Methods to interact with settings
+    getSettings() {
+      return settings;
+    },
+    getDefaultSettings() {
+      return { ...defaults };
+    },
+    updateSettings(changes) {
+      return Object.assign(settings, changes);
+    },
+    getSetting(key) {
+      if (!settings.hasOwnProperty(key)) {
+        console.warn(`Attempted to access non-existent setting: ${key}`);
+        return;
+      }
+      return settings[key];
+    },
+    updateSetting(key, value) {
+      if (typeof key !== "string") {
+        throw new Error("Expected key to be string");
+      }
+      settings[key] = value;
+    },
+    getIcon(type) {
+      const icons = settings.iconsByType;
+      if (!icons[type]) {
+        throw new Error(`Icon type "${type}" not found!`);
+      }
+      return icons[type];
+    },
+    setIcon(type, definition) {
+      settings.iconsByType[type] = definition;
+    }
+  };
+
+  // Apply any individual icon overrides passed during installation
+  if (iconOverrides) {
+    for (const [type, definition] of Object.entries(iconOverrides)) {
+      api.setIcon(type, definition);
+    }
+  }
+
+  app.provide('uluCore', api);
+  app.config.globalProperties.$uluCore = api;
+}

package/lib/plugins/index.js

@@ -5,6 +5,7 @@
  */
 
 
+export { default as corePlugin } from './core/index.js';
 export { default as popoversPlugin } from './popovers/index.js';
 export { default as modalsPlugin } from './modals/index.js';
 export { default as toastPlugin } from './toast/index.js';

package/lib/plugins/toast/UluToast.vue

@@ -13,7 +13,7 @@
   >
     <div v-if="toast.icon || $slots.icon" class="toast__icon" :class="classes.icon">
       <slot name="icon" :toast="toast">
-        <FaIcon v-if="toast.icon" :icon="toast.icon"/>
+        <UluIcon v-if="toast.icon" :icon="toast.icon"/>
       </slot>
     </div>
     <div class="toast__content" :class="classes.content">
@@ -43,7 +43,7 @@
       </button>
     </div>
     <button class="toast__close" :class="classes.closeButton" @click="toast.close">
-      <UluIcon type="close"/>
+      <UluIcon :icon="'type:close'"/>
     </button>
   </div>
 </template>

package/lib/utils/index.js

@@ -0,0 +1,2 @@
+export * as dom from './dom.js';
+export * as router from './router.js';

package/lib/utils/{vue-router.js → router.js}

@@ -1,7 +1,8 @@
+import { getPageTitle } from "../composables/usePageTitle.js";
 /**
  * This Module Creates Menus from route or router config
  * - Note: Functions prefixed with "$" work with $route objects (running application, provided by vue-router ie $router, useRoute, etc), 
- * @module utils/router-utils
+ * @module router-utils
  */
 
 /**
@@ -21,21 +22,56 @@
  */
 export function createBaseMenu(routes, options) {
   const defaults = {
-    qualifier: isStaticBaseRoute,
+    qualifier(route, parentPath) {
+      if (!parentPath) {
+        return isStaticBaseRoute(route);
+      } else {
+        return isStaticRoute(route);
+      }
+    },
     sort: sortByWeight,
-    item: {}
+    item: {},
+    includeChildren: false
   };
   const opts = Object.assign({}, defaults, options);
-  return routes
-    .filter(opts.qualifier)
-    .map(r => {
-      // Need to grab meta from child but use the parent path
-      const menuRoute = r.children ? getChildIndexRoute(r.children) : r;
-      return createMenuItem(menuRoute, r.path, opts.item);
-    })
-    .sort(opts.sort);
+  const getItemPath = (r, parentPath) => parentPath ? `${ parentPath }/${ r.path }` : r.path;
+  const toMenuItems = (currentRoutes, parentPath = null) => {
+    return currentRoutes
+      .filter(r => opts.qualifier(r, parentPath))
+      .map(r => {
+        // Need to grab meta from child but use the parent path
+        const menuRoute = r.children ? getChildIndexRoute(r.children) : r;
+        const children = r.children ? r.children.filter(child => child.path !== "") : false;
+        const item = createMenuItem(menuRoute, getItemPath(r, parentPath), opts.item);
+        if (opts.includeChildren && children.length) {
+          item.children = toMenuItems(children, item.path);
+        }
+        return item;
+      })
+      .sort(opts.sort);
+  };
+  return toMenuItems(routes);
 }
 
+/**
+ * Returns menu flat (no parent children)
+ */
+export function flattenMenu(menu) {
+  function flatten(items) {
+    const result = [];
+    for (const item of items) {
+      const newItem = { ...item };
+      delete newItem.children;
+      result.push(newItem);
+      if (item.children) {
+        result.push(...flatten(item.children));
+      }
+    }
+    return result;
+  }
+  return flatten(menu);
+} 
+
 /**
  * Print out a section's menu based on path
  * @param {*} routes All routes 
@@ -216,4 +252,63 @@ export function $createSectionMenu(route, options) {
     .filter(includeIndex(opts.includeIndex))
     .map(r => createMenuItem(r, `${ parent.path }/${ r.path }`, opts.item))
     .sort(opts.sort);
+}
+
+/**
+ * For a given $route, this will generate a breadcrumb trail.
+ * It iterates through `route.matched` to build the trail.
+ * - Prioritizes titles set via the `usePageTitle` composable for the current page.
+ * - Falls back to `meta.title` (string or function).
+ * - Skips routes where `meta.breadcrumb` is set to `false`.
+ * - Avoids duplicate crumbs for nested routes with empty paths.
+ * @param {Object} route The Vue Router `$route` object.
+ * @returns {Array.<{title: String, to: Object, current: Boolean}>} An array of breadcrumb items.
+ */
+export function $createBreadcrumb(route) {
+  const { matched, path: currentPath } = route;
+  let prevPath;
+
+  const crumbs = matched.reduce((arr, match, index) => {
+    // Skip routes configured to be hidden from breadcrumbs
+    if (match.meta?.breadcrumb === false) {
+      return arr;
+    }
+
+    // Avoid duplicates from child routes with empty paths
+    if (match.path === prevPath) {
+      return arr;
+    }
+    
+    const isLast = index === matched.length - 1;
+    let title;
+
+    // 1. Prioritize component-defined title for the current page
+    if (isLast) {
+      title = getPageTitle(currentPath);
+    }
+
+    // 2. Fallback to meta.title (function or string)
+    if (!title) {
+      const metaTitle = match.meta?.title;
+      if (typeof metaTitle === 'function') {
+        title = metaTitle(route);
+      } else {
+        title = metaTitle;
+      }
+    }
+
+    // 3. Final fallback
+    title = title || 'Missing Title';
+
+    arr.push({
+      title,
+      to: { path: isLast ? currentPath : match.path },
+      current: isLast,
+    });
+
+    prevPath = match.path;
+    return arr;
+  }, []);
+  
+  return crumbs;
 }

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.1.0-beta.2",
-  "description": "Frontend theming library (Vue)",
+  "version": "0.1.0-beta.21",
+  "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
-  "files" : [
+  "files": [
     "lib",
-    "dist"
+    "dist",
+    "types"
   ],
   "module": "./lib/index.js",
   "exports": {
@@ -18,17 +19,36 @@
     "./*": "./lib/*",
     "./scss": "./lib/_index.scss"
   },
+  "typesVersions": {
+    "*": {
+      "lib/*": [
+        "./types/*"
+      ]
+    }
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Jscherbe/frontend-vue.git"
   },
   "scripts": {
     "dev": "storybook dev -p 6006",
-    "docs:build": "storybook build -o docs --docs",
+    "docs:build": "storybook build -o docs",
     "build": "vite build",
-    "deploy": "npm run build && npm run docs:build"
+    "types": "npx tsc",
+    "deploy": "npm run types && npm run build && npm run docs:build",
+    "update-contexts": "rm -rf .contexts && mkdir -p .contexts/frontend && cp -R node_modules/@ulu/frontend/scss node_modules/@ulu/frontend/js .contexts/frontend/"
   },
-  "keywords": [],
+  "keywords": [
+    "vue",
+    "vue3",
+    "ui",
+    "components",
+    "component-library",
+    "design-system",
+    "ulu",
+    "frontend",
+    "scss"
+  ],
   "author": "Joseph Scherben <jscherbe@gmail.com>",
   "license": "MIT",
   "bugs": {
@@ -37,29 +57,30 @@
   "homepage": "https://github.com/Jscherbe/frontend-vue#readme",
   "peerDependencies": {
     "@headlessui/vue": "^1.7.23",
-    "@ulu/frontend": "^0.1.0-beta.94",
+    "@ulu/frontend": "^0.1.0-beta.102",
     "vue": "^3.5.17",
-    "vue-router": "^4.5.1"
+    "vue-router": "^4.5.1",
+    "@unhead/vue": "^2.0.11"
   },
   "optionalDependencies": {
-    "gsap": "^3.13.0",
     "fuse.js": "^6.6.2",
+    "gsap": "^3.13.0",
     "vue3-dropzone": "^2.2.1"
   },
   "dependencies": {
     "@floating-ui/vue": "^1.1.8",
     "@ulu/utils": "^0.0.30",
-    "lodash" : "^4.17.21"
+    "lodash-es": "^4.17.21"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
     "@storybook/addon-docs": "^9.1.1",
-    "@storybook/addon-links": "^9.1.1",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
+    "@storybook/addon-links": "^9.1.1",
     "@storybook/vue3-vite": "^9.1.1",
-    "@ulu/frontend": "^0.1.0-beta.94",
+    "@ulu/frontend": "^0.1.0-beta.102",
     "@vitejs/plugin-vue": "^6.0.0",
     "ollama": "^0.5.16",
     "react": "^19.1.1",
@@ -67,8 +88,10 @@
     "sass-embedded": "^1.89.2",
     "storybook": "^9.1.1",
     "storybook-addon-vue-mdx": "^2.0.2",
+    "typescript": "^5.3.3",
     "vite": "^7.0.0",
-    "vue-router": "^4.5.1"
+    "vue-router": "^4.5.1",
+    "@unhead/vue": "^2.0.11"
   },
   "volta": {
     "node": "22.17.0"

package/types/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./systems/index.js";
+//# sourceMappingURL=index.d.ts.map

package/types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.js"],"names":[],"mappings":""}

package/types/components/systems/facets/_mock-data.d.ts

@@ -0,0 +1,18 @@
+export const initialMockFacets: {
+    name: string;
+    uid: string;
+    open: boolean;
+    children: {
+        uid: string;
+        label: string;
+    }[];
+}[];
+export const mockItems: {
+    id: number;
+    title: string;
+    description: string;
+    category: string[];
+    author: string[];
+    date: Date;
+}[];
+//# sourceMappingURL=_mock-data.d.ts.map

package/types/components/systems/facets/_mock-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_mock-data.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/_mock-data.js"],"names":[],"mappings":"AAAA;;;;;;;;IAwBE;AAEF;;;;;;;IAaE"}

package/types/components/systems/facets/useFacets.d.ts

@@ -0,0 +1,39 @@
+/**
+ * A composable for handling client-side faceted search, filtering, and sorting.
+ * @param {import('vue').Ref<Array<Object>>} allItems - A Vue ref containing the full list of items to be processed.
+ * @param {Object} options - Configuration options for the composable.
+ * @param {Array} [options.initialFacets] - The initial configuration for the facets. Can be generated automatically if `facetFields` is provided.
+ * @param {Array} [options.facetFields] - A simpler configuration to automatically generate facets from items. Each item can have `uid`, `name`, `open`, `getValue` and `getLabel`.
+ * @param {String} [options.initialSearchValue=''] - The initial value for the search input.
+ * @param {String} [options.initialSortType='az'] - The initial sort type.
+ * @param {Boolean} [options.noDefaultSorts=false] - If true, the default 'A-Z' and 'Z-A' sorts will not be included.
+ * @param {Object} [options.extraSortTypes={}] - Additional sort types to be merged with the default ones.
+ * @param {Object} [options.searchOptions={}] - Configuration options for Fuse.js.
+ * @param {Function} [options.getItemFacet] - A function to retrieve facet information from an item. Should always return an array of values.
+ * @param {Function} [options.getSortValue] - A function to get the value to sort by from an item.
+ */
+export function useFacets(allItems: import("vue").Ref<Array<any>>, options?: {
+    initialFacets?: any[];
+    facetFields?: any[];
+    initialSearchValue?: string;
+    initialSortType?: string;
+    noDefaultSorts?: boolean;
+    extraSortTypes?: any;
+    searchOptions?: any;
+    getItemFacet?: Function;
+    getSortValue?: Function;
+}): {
+    facets: import("vue").Ref<any, any>;
+    searchValue: import("vue").Ref<string, string>;
+    selectedSort: import("vue").Ref<string, string>;
+    sortTypes: import("vue").ComputedRef<any>;
+    displayItems: import("vue").ComputedRef<any>;
+    selectedFacets: import("vue").ComputedRef<any[]>;
+    clearFilters: () => void;
+    handleFacetChange: ({ groupUid, facetUid, selected }: {
+        groupUid: any;
+        facetUid: any;
+        selected: any;
+    }) => void;
+};
+//# sourceMappingURL=useFacets.d.ts.map

package/types/components/systems/facets/useFacets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFacets.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/useFacets.js"],"names":[],"mappings":"AAsCA;;;;;;;;;;;;;GAaG;AACH,oCAZW,OAAO,KAAK,EAAE,GAAG,CAAC,KAAK,KAAQ,CAAC,YAExC;IAAwB,aAAa;IACb,WAAW;IACV,kBAAkB;IAClB,eAAe;IACd,cAAc;IACf,cAAc;IACd,aAAa;IACX,YAAY;IACZ,YAAY;CACzC;;;;;;;;;;;;;EAyKA"}

package/types/components/systems/index.d.ts

@@ -0,0 +1,2 @@
+export { useFacets } from "./facets/useFacets.js";
+//# sourceMappingURL=index.d.ts.map

package/types/components/systems/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/systems/index.js"],"names":[],"mappings":""}

package/types/components/systems/scroll-anchors/symbols.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Symbol for register provide/inject
+ */
+export const REGISTER: any;
+export const UNREGISTER: any;
+export const SECTIONS: any;
+//# sourceMappingURL=symbols.d.ts.map

package/types/components/systems/scroll-anchors/symbols.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/scroll-anchors/symbols.js"],"names":[],"mappings":"AAAA;;GAEG;AACH,2BAAiC;AACjC,6BAAmC;AACnC,2BAAiC"}

package/types/composables/index.d.ts

@@ -0,0 +1,7 @@
+export { useIcon } from "./useIcon.js";
+export { useModifiers } from "./useModifiers.js";
+export { useWindowResize } from "./useWindowResize.js";
+export { useRequiredInject } from "./useRequiredInject.js";
+export { useBreakpointManager } from "./useBreakpointManager.js";
+export { usePagination } from "./usePagination.js";
+//# sourceMappingURL=index.d.ts.map

package/types/composables/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/composables/index.js"],"names":[],"mappings":""}

package/types/composables/useBreakpointManager.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Use the CssBreakpoints module in Vue
+ * - Normally use only once, unless you have different sets of breakpoints
+ * @param {Object} options Configuration options overrides
+ * @return {Object} { manager, active, direction } (all are null in SSR environment until init)
+ */
+export function useBreakpointManager(options: any): any;
+//# sourceMappingURL=useBreakpointManager.d.ts.map

package/types/composables/useBreakpointManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpointManager.d.ts","sourceRoot":"","sources":["../../lib/composables/useBreakpointManager.js"],"names":[],"mappings":"AAoBA;;;;;GAKG;AACH,wDAyCC"}