@xplortech/apollo-core 2.5.0 → 2.7.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/dist/types/utils/lifecycle.d.ts

@@ -0,0 +1,16 @@
+export declare class TimerManager {
+    private timeouts;
+    private intervals;
+    private rafs;
+    setTimeout(callback: () => void, delay: number): ReturnType<typeof setTimeout>;
+    clearTimeout(id: ReturnType<typeof setTimeout>): void;
+    setInterval(callback: () => void, delay: number): ReturnType<typeof setInterval>;
+    clearInterval(id: ReturnType<typeof setInterval>): void;
+    requestAnimationFrame(callback: FrameRequestCallback): number;
+    cancelAnimationFrame(id: number): void;
+    dispose(): void;
+}
+export declare function waitForElement<T extends Element = Element>(selector: string, root?: ParentNode, options?: {
+    signal?: AbortSignal;
+}): Promise<T | null>;
+export declare function isBrowser(): boolean;

package/dist/types/utils/tab-a11y-ids.d.ts

@@ -0,0 +1,4 @@
+export declare function sanitizeForHtmlId(value: string): string;
+export declare function getTabGroupInstanceId(hostEl: HTMLElement): string;
+export declare function tabTriggerId(groupInstanceId: string, target: string): string;
+export declare function tabPanelDomId(groupInstanceId: string, target: string): string;

package/package.json

@@ -1,11 +1,35 @@
 {
   "name": "@xplortech/apollo-core",
-  "version": "2.5.0",
+  "version": "2.7.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,7 +52,14 @@
   "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:*",
@@ -44,15 +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}",
+    "lint:prettier-css": "prettier --check \"src/**/*.css\"",
+    "format": "npm run lint:css -- --fix && npm run lint:ts -- --fix && prettier --write *{.js,.json} && prettier --write src/**/*.html && prettier --write \"src/**/*.css\"",
     "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",
-    "prestorybook": "npm run build",
     "storybook": "npm run storybook:start",
     "storybook:start": "storybook dev -p 9009",
     "stencil-generate": "stencil generate"
@@ -67,10 +98,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",
@@ -81,53 +109,39 @@
     "@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.3.1",
+    "@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-1c2e4034.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as i}from"./p-DhZas3eX.js";const e=class{constructor(t){s(this,t),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let s="xpl-grid-item";return s+=` xpl-grid-item-xs-${this.xs}`,s+=` xpl-grid-item-sm-${this.sm}`,s+=` xpl-grid-item-md-${this.md}`,s+=` xpl-grid-item-lg-${this.lg}`,t(i,{key:"4a3a254b51eae0907baf74c383b0d2b60017b69b",class:s},t("slot",{key:"b23f50ff733b9f3009eda4a3569a28b0636e76f4"}))}};export{e as xpl_grid_item}

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-4fab8172.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as e,H as r,g as o}from"./p-DhZas3eX.js";const i=class{constructor(e){s(this,e),this.sortChanged=t(this,"sortChanged",7),this.sortable=!1,this.label="",this.type="label",this.sortDirection="none"}toggleSort(){this.sortDirection="asc"===this.sortDirection?"desc":"desc"===this.sortDirection?"none":"asc",this.sortChanged.emit(this.sortDirection)}render(){const s=Array.from(this.el.parentElement.children).indexOf(this.el)+1,t=()=>{switch(this.type){case"label":return e("span",null,this.label);case"checkbox":return e("xpl-checkbox",null);case"icon":return e("xpl-icon",{icon:this.icon,size:20});default:return""}};return e(r,{role:"columnheader","aria-colindex":s,class:"xpl-table-header-cell "+(this.sortable?"sortable":"non-sortable"),style:{width:`${this.width}px`}},this.sortable?e("button",{onClick:()=>this.toggleSort()},t(),(()=>{switch(this.sortDirection){case"none":return e("xpl-icon",{class:"sort-icon",icon:"arrow-down",size:16});case"asc":return e("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-up",size:16});case"desc":return e("xpl-icon",{class:"sort-icon sort-icon--sorted",icon:"arrow-down",size:16});default:return""}})()):t())}get el(){return o(this)}};export{i as xpl_table_header_cell}

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}

package/dist/apollo-core/p-5ec45742.entry.js

@@ -1 +0,0 @@
-import{r as a,h as e,H as c}from"./p-DhZas3eX.js";const r=class{constructor(e){a(this,e)}render(){return e(c,{key:"ab15bfcac25fa381989ed3cdaf2b3c5f00db6bdb",role:"row",class:"xpl-table-header"},e("slot",{key:"e0a8ef7c92c44ea84abc182d93040a4c14cd7072"}))}};export{r as xpl_table_header}

package/dist/apollo-core/p-77f0fd4a.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as r,g as e}from"./p-DhZas3eX.js";const i=class{constructor(t){s(this,t)}componentDidLoad(){const s=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let t=0,r=0,e=0,i=0;s.forEach((s=>{t+=+s.getAttribute("lg")||6,r+=+s.getAttribute("md")||6,e+=+s.getAttribute("sm")||6,i+=+s.getAttribute("xs")||6,t%6==0&&s.classList.add("xpl-grid-item-lg-last"),r%6==0&&s.classList.add("xpl-grid-item-md-last"),e%6==0&&s.classList.add("xpl-grid-item-sm-last"),i%6==0&&s.classList.add("xpl-grid-item-xs-last")}))}render(){return t(r,{key:"b7adecdd36342641869726ffa094578c1272dc1e",class:"xpl-grid"})}get container(){return e(this)}};export{i as xpl_grid}

package/dist/apollo-core/p-7b7db57a.entry.js

@@ -1 +0,0 @@
-import{r as e,h as o,H as c,g as a}from"./p-DhZas3eX.js";const t=class{constructor(o){e(this,o),this.initialExpanded=!1,this.size="3",this.borderType="none",this.expanded=this.initialExpanded,this.toggleAccordion=e=>{e.stopPropagation(),this.expanded=!this.expanded}}watchInitialExpanded(){this.expanded=this.initialExpanded}async parentCheckboxChange(e){return this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])").forEach((o=>{o.checked=e})),null}handleChildCheckboxChange(){const e=this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])"),o=Array.from(e).filter((e=>e.checked)).length,c=this.el.querySelector(".xpl-accordion-header xpl-checkbox")||this.el.querySelector(".xpl-accordion-header input");if(c)switch(o){case 0:c.checked=!1,c.indeterminate=!1;break;case e.length:c.checked=!0,c.indeterminate=!1;break;default:c.checked=!1,c.indeterminate=!0}}listenToChangeEvent(){this.handleChildCheckboxChange()}render(){return o(c,{key:"196af13fff0f920975af9c4a6ebe726a98e5a663",class:`xpl-accordion ${{none:"",bordered:"xpl-accordion--border-bordered"+(this.expanded?"--expanded":""),bottom:"xpl-accordion--border-bottom"+(this.expanded?"--expanded":"")}[this.borderType]}`},o("button",{key:"724993d5464ef62e7bc6ec0d63334fcebf8d93fa","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"xpl-accordion-toggle-area",onClick:this.toggleAccordion,type:"button"},o("header",{key:"8b38921367d44ff8e2dbfb5fcecf4712f480b907",class:`xpl-accordion-header xpl-accordion-header--size-${this.size}`},o("slot",{key:"a940edeb394372f71cc927db8dfa622ce2c281f8",name:"heading"},this.header),o("xpl-icon",{key:"9e8e85697f46f808802cc4466046ada165e372e6",size:16,icon:"chevron-down",class:"xpl-accordion-icon-chevron "+(this.expanded?"xpl-accordion-icon-chevron--rotate":"")})),o("div",{key:"a91f59cd8a2450b8d46ba9880a05f67a8d1cbb62",class:"xpl-accordion-description"},o("slot",{key:"6cc83b45061eb6349dd7f8934bc49b4f1a3b878d",name:"description"},this.description))),o("section",{key:"72d5e5b77651c23a08b52849079e42456a5aed6d",id:this.contentId,role:"region",class:`xpl-accordion-content xpl-accordion-content--${this.expanded?"shown":"hidden"} ${this.expanded?{none:"",bordered:"xpl-accordion-content--shown-bordered",bottom:"xpl-accordion-content--shown-border-bottom"}[this.borderType]:""}`},o("slot",{key:"46231eeef0f6457a26e70aaf3a976a5a2b6076c3",name:"content"})))}get el(){return a(this)}static get watchers(){return{initialExpanded:[{watchInitialExpanded:0}]}}};export{t as xpl_accordion}