@behold/widget 0.1.0

package/dist/widgets/Grid.d.ts

@@ -0,0 +1,63 @@
+import Base from '../elements/BaseWidget.js';
+import type PopoverGallery from '../elements/PopoverGallery.js';
+import type BasePost from '../elements/BasePost.js';
+export default class Grid extends Base {
+    label: string;
+    widgetSettings: WidgetSettings;
+    feedMetadata: FeedMetadata;
+    posts: Posts;
+    containerEl: HTMLElement;
+    postEls: Array<BasePost>;
+    popoverGalleryEl: PopoverGallery;
+    appliedBreakpoint: Breakpoint;
+    medianPaletteHSL: Array<string>;
+    setupIsComplete: boolean;
+    currentFocusIndex: number;
+    popupGallery: Function;
+    constructor();
+    handlePropChange({ changedProp }: {
+        changedProp: any;
+    }): void;
+    handlePostsChange(): void;
+    handleSettingsChange(): void;
+    handleMetadataChange(): void;
+    setup(): void;
+    /**
+     *   Enable popup carousel
+     */
+    enablePopoverGallery(): Promise<void>;
+    handleResize(entry: ResizeObserverEntry): void;
+    /**
+     * Handle prev post focus
+     */
+    handleFocusPreviousPost(): void;
+    /**
+     * Handle next post focus
+     */
+    handleFocusNextPost(): void;
+    /**
+     * Handle post click
+     */
+    handlePostClick(post: BasePost): void;
+    renderPosts(breakpoint: Breakpoint): void;
+    getMatchingBreakpoint(width: number, breakpoints: Breakpoints): {
+        width: string;
+        numPosts: number;
+        borderRadius: string;
+        numColumns: number;
+        gap: {
+            [key: string]: string;
+        };
+        galleryWallLayout: string[];
+        galleryWallNamedLayout: string;
+    };
+    renderBreakpoint(breakpoint: Breakpoint, forceRender?: boolean): void;
+    createPostEls(breakpoint: Breakpoint): Array<BasePost>;
+    static register(name?: string): string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'behold-grid': Grid;
+    }
+}
+//# sourceMappingURL=Grid.d.ts.map

package/dist/widgets/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/widgets/Grid.ts"],"names":[],"mappings":"AAGA,OAAO,IAAI,MAAM,2BAA2B,CAAA;AAK5C,OAAO,KAAK,cAAc,MAAM,+BAA+B,CAAA;AAC/D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAA;AAMnD,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,IAAI;IACpC,KAAK,SAAS;IAGd,cAAc,EAAE,cAAc,CAAkB;IAChD,YAAY,EAAE,YAAY,CAAA;IAC1B,KAAK,EAAE,KAAK,CAAA;IAGZ,WAAW,EAAE,WAAW,CAAA;IACxB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;IACxB,gBAAgB,EAAE,cAAc,CAAA;IAChC,iBAAiB,EAAE,UAAU,CAAA;IAC7B,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC/B,eAAe,EAAE,OAAO,CAAQ;IAChC,iBAAiB,EAAE,MAAM,CAAO;IAChC,YAAY,EAAE,QAAQ,CAAA;;IA+CtB,gBAAgB,CAAC,EAAE,WAAW,EAAE;;KAAA;IAwBhC,iBAAiB;IAYjB,oBAAoB;IAoBpB,oBAAoB;IASpB,KAAK;IA4BL;;OAEG;IACG,oBAAoB;IAoB1B,YAAY,CAAC,KAAK,EAAE,mBAAmB;IAUvC;;OAEG;IACH,uBAAuB;IAYvB;;OAEG;IACH,mBAAmB;IAenB;;OAEG;IACH,eAAe,CAAC,IAAI,EAAE,QAAQ;IAO9B,WAAW,CAAC,UAAU,EAAE,UAAU;IAYlC,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW;;;;;;;;;;;IAkB7D,gBAAgB,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,GAAE,OAAe;IAgErE,aAAa,CAAC,UAAU,EAAE,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC;IAyCtD,MAAM,CAAC,QAAQ,CAAC,IAAI,SAAgB,GAAG,MAAM;CAM9C;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAA;KACpB;CACF"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@behold/widget",
+  "version": "0.1.0",
+  "author": "Griffin Johnston",
+  "license": "None",
+  "keywords": [
+    "behold",
+    "instagram",
+    "custom elements",
+    "web components"
+  ],
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "sideEffects": false,
+  "types": "./dist/BeholdWidget.d.ts",
+  "exports": {
+    ".": "./dist/BeholdWidget.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "browserslist": [
+    "defaults"
+  ],
+  "homepage": "https://behold.so",
+  "bugs": {
+    "url": "https://behold.so"
+  },
+  "scripts": {
+    "start": "npm run build && npm run demo",
+    "build:setup": "rm -rf dist",
+    "build:rollup": "npx rollup -c rollup.config.js",
+    "build": "npm run build:setup && npm run build:rollup",
+    "demo": "cp -r src/demo dist && http-server dist",
+    "test": "npx tsc --noEmit && node --loader tsx --test tests/*.test.ts"
+  },
+  "devDependencies": {
+    "@rollup/plugin-dynamic-import-vars": "^2.1.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "cpy": "^10.1.0",
+    "http-server": "^14.1.1",
+    "postcss": "^8.4.31",
+    "prettier": "3.0.3",
+    "rollup": "^4.9.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-svg": "^2.0.0",
+    "sass": "^1.69.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3"
+  }
+}

package/readme.md

@@ -0,0 +1,13 @@
+<div align="center">
+  <a href="https://uiball.com/ldrs">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="thumbnail-dark.png">
+      <source media="(prefers-color-scheme: light)" srcset="thumbnail-light.png">
+      <img src="thumbnail-dark.png" alt="U-I Ball LDRS" 
+      width="100%"
+      height="auto">
+    </picture>
+  </a>
+</div>
+
+# Behold Widgets