@xplortech/apollo-core 2.4.3 → 2.6.0

package/dist/types/stencil-public-runtime.d.ts

@@ -125,8 +125,27 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
@@ -660,6 +679,7 @@ export declare namespace h {
     function h(sel: any, data: VNodeData | null, text: string): VNode;
     function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
     function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+    function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
     namespace JSX {
         interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
             [tagName: string]: any;
@@ -673,6 +693,8 @@ export declare function h(sel: any, text: string): VNode;
 export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
 /**
  * Automatic JSX runtime functions for TypeScript's react-jsx mode.
  * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
@@ -702,7 +724,6 @@ export declare function jsxs(type: any, props: any, key?: string): VNode;
  * @returns a jsx vnode
  */
 export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
-export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
 /**
  * A virtual DOM node
  */

package/dist/types/utils/layout-ancestors.d.ts

@@ -0,0 +1,2 @@
+export declare function isInsideFixedPosition(element: HTMLElement): boolean;
+export declare function getNearestScrollableAncestor(element: HTMLElement): HTMLElement | undefined;

package/package.json

@@ -1,11 +1,35 @@
 {
   "name": "@xplortech/apollo-core",
-  "version": "2.4.3",
+  "version": "2.6.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/types/components.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/types/components.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.js"
+    },
+    "./loader": {
+      "types": "./loader/index.d.ts",
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    },
+    "./css/*": "./build/*.css",
+    "./dist/*": "./dist/*",
+    "./loader/*": "./loader/*"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/xplor/apollo.git"
@@ -28,14 +52,22 @@
   "engines": {
     "node": ">=18"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css",
+    "./loader/*",
+    "./dist/index.js",
+    "./dist/index.cjs.js",
+    "./dist/esm/loader.js",
+    "./dist/cjs/loader.cjs.js"
+  ],
   "private": false,
   "scripts": {
     "build": "npm run clean && npm-run-all build:*",
     "build:css": "cross-env NODE_ENV=production postcss src/style.css -o build/style.css && npm-run-all build-partial:css.*",
     "build-partial:css.react": "cp build/style.css ../apollo-react/css/apollo.css",
     "build-partial:css.storybook": "cp -r build/ .storybook/build",
-    "build:stencil": "stencil build --docs --prod && cp -r dist .storybook && cp -r loader .storybook && node .storybook/patch-stencil-sourcemaps.mjs",
+    "build:stencil": "node ../../scripts/generate-icon-docs.mjs && stencil build --docs --prod && cp -r dist .storybook && cp -r loader .storybook && node .storybook/patch-stencil-sourcemaps.mjs",
+    "postbuild": "node ../../scripts/copy-readmes-to-dist.mjs",
     "clean": "rm -rf dist/ loader/ storybook-static/ www/ build/ src/components/components.d.ts",
     "dev": "run-p dev:*",
     "dev:css": "postcss src/style.css -o build/style.css -w",
@@ -43,14 +75,15 @@
     "lint": "npm-run-all lint:*",
     "lint:css": "stylelint 'src/**/*.css'",
     "lint:ts": "eslint src/components/**/*{.ts,.tsx} --no-warn-ignored",
-    "lint:html": "prettier --write src/**/*.html",
-    "lint:js": "prettier --write *{.js,.json}",
-    "format": "npm run lint:css -- --fix && npm run lint:ts -- --fix && npm run lint:js && npm run lint:html",
+    "lint:html": "prettier --check src/**/*.html",
+    "lint:js": "prettier --check *{.js,.json}",
+    "format": "npm run lint:css -- --fix && npm run lint:ts -- --fix && prettier --write *{.js,.json} && prettier --write src/**/*.html",
+    "generate:icons": "node ../../scripts/generate-icon-docs.mjs",
     "test": "stencil test --spec",
     "test.watch": "stencil test --spec --watch",
     "test.e2e": "stencil test --e2e --runInBand",
     "release": "release-it",
-    "storybook": "npm-run-all build:css build:stencil storybook:start",
+    "storybook": "npm run storybook:start",
     "storybook:start": "storybook dev -p 9009",
     "stencil-generate": "stencil generate"
   },
@@ -64,10 +97,7 @@
     "@babel/preset-env": "^7.25.3",
     "@babel/preset-typescript": "^7.24.7",
     "@chromatic-com/storybook": "^4.1.3",
-    "@eslint/compat": "^1.2.9",
-    "@eslint/js": "^9.26.0",
     "@mdx-js/react": "^3.1.1",
-    "@stencil-community/eslint-plugin": "^0.10.0",
     "@stencil/core": "^4.31.0",
     "@stencil/react-output-target": "0.5.3",
     "@storybook/addon-a11y": "^10.1.3",
@@ -78,53 +108,40 @@
     "@storybook/addon-vitest": "^10.1.3",
     "@storybook/builder-vite": "^10.1.3",
     "@storybook/web-components-vite": "^10.1.3",
-    "@stylistic/eslint-plugin": "^3.1.0",
     "@types/jest": "^26.0.21",
-    "@typescript-eslint/eslint-plugin": "^8.25.0",
-    "@typescript-eslint/parser": "^8.25.0",
     "@vitest/browser-playwright": "^4.0.13",
     "@vitest/coverage-v8": "^4.0.13",
     "@vueless/storybook-dark-mode": "^10.0.3",
-    "@xplortech/apollo-foundation": "0.1.0",
-    "@xplortech/apollo-icons": "^0.2.2",
+    "@xplortech/apollo-foundation": "^1.0.1",
+    "@xplortech/apollo-icons": "^0.3.2",
     "auto-changelog": "^2.3.0",
     "autoprefixer": "^10.4.16",
     "cross-env": "^7.0.3",
-    "eslint": "^9.26.0",
-    "eslint-config-airbnb-extended": "^1.0.11",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-import-resolver-typescript": "^4.3.4",
-    "eslint-plugin-import-x": "^4.11.1",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.4.0",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^10.1.3",
     "highlight.js": "^11.10.0",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
+    "lit": "^3.3.2",
     "npm-run-all": "^4.1.5",
     "playwright": "^1.56.1",
     "postcss": "^8.4.23",
     "postcss-cli": "^8.3.1",
     "postcss-extend-rule": "^4.0.0",
-    "postcss-import": "^14.0.2",
+    "postcss-import": "^16.1.1",
     "postcss-pxtorem": "^6.0.0",
     "pre-commit": "^1.2.2",
     "prettier": "^3.5.3",
     "puppeteer": "^24.8.2",
     "storybook": "^10.1.3",
     "storybook-addon-tag-badges": "^3.0.2",
-    "stylelint": "^16.19.1",
-    "stylelint-config-standard": "^37.0.0",
-    "stylelint-order": "^6.0.4",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.5.3",
-    "typescript-eslint": "^8.32.1",
     "uuid": "^8.3.2",
     "vite": "^7.1.9",
     "vitest": "^4.0.13"
   },
   "dependencies": {
+    "@floating-ui/dom": "^1.7.6",
     "flatpickr": "^4.6.9",
     "lodash.throttle": "^4.1.1"
   },

package/dist/apollo-core/p-3b5f8989.entry.js

@@ -1 +0,0 @@
-import{r as a,h as l,H as e}from"./p-DhZas3eX.js";const i=class{constructor(l){a(this,l),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(a){this.navWidth=a.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let a="xpl-application-shell";this.withUtility&&(a+=" xpl-application-shell--with_utility");let i="xpl-application-shell__nav";return i+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`,l(e,{key:"fb7ea1e06b4e26898f0d115dade22a00b4e59c42",class:a},l("div",{key:"a2ffa00e3be22a9564b81c53bed26aa62a212cfe",class:i},l("slot",{key:"34633219fcf07dc7fe1db169937e7fed97681812",name:"nav"})),l("div",{key:"c67239ab7d3a151a64a7a7aa11b8fdb8d097ec50",class:"xpl-application-shell__subnav"},l("slot",{key:"8318c25bd82a31b574773ed38ff186b5186aa6a7",name:"subnav"})),l("div",{key:"22b3f72754c3f8e172b509daca09caafc5d5c088",class:"xpl-application-shell__utility"},l("slot",{key:"12cbf50d23d6ca4b3fe1143d5f2aeca357657332",name:"utility"})),l("div",{key:"dda9dc9741a06ec49cfcf5631d0782b54898b15a",class:"xpl-application-shell__content"},l("slot",{key:"5586153e5f3db1470a12112d929c4d6d814cbab8",name:"content"})),l("xpl-backdrop",{key:"1db206c2ad0253ccc3436922d1c38354efa96675",onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}};export{i as xpl_application_shell}

package/dist/apollo-core/p-576ce90f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as s,H as e}from"./p-DhZas3eX.js";const i=class{constructor(s){t(this,s),this.clickPrimary=a(this,"clickPrimary",7),this.clickSecondary=a(this,"clickSecondary",7),this.clickTertiary=a(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return s(e,{key:"c1d468abe10991fb2de71dd01daba53b00ad088d",class:"xpl-button-row"},s("div",{key:"102e327fea3824fffb0f04bd7d91e5615aca86e3",class:"xpl-button-row-inner"},s("div",{key:"745044b4b26b0a368ca5aec8b440ebdaa9677e2b",class:"xpl-button-row__left"},this.secondary&&s("xpl-button",{key:"e895967af49c96eb3a3e98b24c0d10b30951bb7b",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),s("div",{key:"d35ad947185a638f2f03530ae50a349cebbe5855",class:"xpl-button-row__right"},this.tertiary&&s("xpl-button",{key:"f25895afa16581325345f619085adee0cf092ee5",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&s("xpl-button",{key:"8f606ced48a532bb1abaf20a7bc9dc570feb7d21",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&s("xpl-button",{key:"b6837c20a4adc3af10d4fd6724e226efd1d307ff",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{i as xpl_button_row}