@patternfly/pfe-core 2.0.0-next.10 → 2.0.0-next.12

package/context.d.ts

@@ -5,18 +5,18 @@
 /**
  * A Context object defines an optional initial value for a Context, as well as a name identifier for debugging purposes.
  */
-export declare type Context<T> = {
+export type Context<T> = {
     name: string;
     initialValue?: T;
 };
 /**
  * An unknown context typeU
  */
-export declare type UnknownContext = Context<unknown>;
+export type UnknownContext = Context<unknown>;
 /**
  * A helper type which can extract a Context value type from a Context type
  */
-export declare type ContextType<T extends UnknownContext> = T extends Context<infer Y> ? Y : never;
+export type ContextType<T extends UnknownContext> = T extends Context<infer Y> ? Y : never;
 /**
  * A function which creates a Context value object
  */
@@ -25,7 +25,7 @@ export declare function createContext<T>(name: string, initialValue?: T): Readon
  * A callback which is provided by a context requester and is called with the value satisfying the request.
  * This callback can be called multiple times by context providers as the requested value is changed.
  */
-export declare type ContextCallback<ValueType> = (value: ValueType, dispose?: () => void) => void;
+export type ContextCallback<ValueType> = (value: ValueType, dispose?: () => void) => void;
 /**
  * An event fired by a context requester to signal it desires a named context.
  *

package/controllers/color-context.d.ts

@@ -10,13 +10,13 @@ import { StyleController } from './style-controller.js';
  *
  * `ColorPalette` is associated with the `color-palette` attribute
  */
-export declare type ColorPalette = ('base' | 'accent' | 'complement' | 'lighter' | 'lightest' | 'darker' | 'darkest');
+export type ColorPalette = ('base' | 'accent' | 'complement' | 'lighter' | 'lightest' | 'darker' | 'darkest');
 /**
  * A Color theme is a context-specific restriction on the available color palettes
  *
  * `ColorTheme` is associated with the `on` attribute and the `--context` css property
  */
-export declare type ColorTheme = ('dark' | 'light' | 'saturated');
+export type ColorTheme = ('dark' | 'light' | 'saturated');
 export interface ColorContextOptions {
     prefix?: string;
     attribute?: string;

package/controllers/floating-dom-controller.d.ts

@@ -1,10 +1,10 @@
 import type { ReactiveController, ReactiveElement } from 'lit';
-declare type Direction = 'top' | 'bottom' | 'left' | 'right';
-declare type Alignment = 'start' | 'end';
+type Direction = 'top' | 'bottom' | 'left' | 'right';
+type Alignment = 'start' | 'end';
 /**
  * Represents the placement of floating DOM
  */
-export declare type Placement = Direction | `${Direction}-${Alignment}`;
+export type Placement = Direction | `${Direction}-${Alignment}`;
 /**
  * Controls floating DOM within a web component, e.g. tooltips and popovers
  */

package/controllers/internals-controller.d.ts

@@ -0,0 +1,9 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class InternalsController implements ReactiveController {
+    #private;
+    host: ReactiveControllerHost & HTMLElement;
+    constructor(host: ReactiveControllerHost & HTMLElement);
+    hostConnected?(): void;
+    submit(): void;
+    reset(): void;
+}

package/controllers/internals-controller.js

@@ -0,0 +1,2 @@
+var l=(t,e,o)=>{if(!e.has(t))throw TypeError("Cannot "+o)};var s=(t,e,o)=>(l(t,e,"read from private field"),o?o.call(t):e.get(t)),n=(t,e,o)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,o)},c=(t,e,o,i)=>(l(t,e,"write to private field"),i?i.call(t,o):e.set(t,o),o);var r,m=class{constructor(e){this.host=e;n(this,r,void 0);c(this,r,e.attachInternals())}submit(){s(this,r).form?.requestSubmit(this.host)}reset(){s(this,r).form?.reset()}};r=new WeakMap;export{m as InternalsController};
+//# sourceMappingURL=internals-controller.js.map

package/controllers/internals-controller.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["internals-controller.ts"],
+  "sourcesContent": ["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport class InternalsController implements ReactiveController {\n  #internals: ElementInternals;\n\n  constructor(\n    public host: ReactiveControllerHost & HTMLElement,\n  ) {\n    this.#internals = host.attachInternals();\n  }\n\n  hostConnected?(): void\n\n  submit() {\n    this.#internals.form?.requestSubmit(this.host);\n  }\n\n  reset() {\n    this.#internals.form?.reset();\n  }\n}\n"],
+  "mappings": "mVAAA,IAAAA,EAEaC,EAAN,KAAwD,CAG7D,YACSC,EACP,CADO,UAAAA,EAHTC,EAAA,KAAAH,EAAA,QAKEI,EAAA,KAAKJ,EAAaE,EAAK,gBAAgB,EACzC,CAIA,QAAS,CACPG,EAAA,KAAKL,GAAW,MAAM,cAAc,KAAK,IAAI,CAC/C,CAEA,OAAQ,CACNK,EAAA,KAAKL,GAAW,MAAM,MAAM,CAC9B,CACF,EAjBEA,EAAA",
+  "names": ["_internals", "InternalsController", "host", "__privateAdd", "__privateSet", "__privateGet"]
+}

package/controllers/property-observer-controller.d.ts

@@ -1,8 +1,8 @@
 import type { ReactiveController, ReactiveElement } from 'lit';
 export declare const observedController: unique symbol;
-export declare type ChangeCallback<T = ReactiveElement> = (this: T, old?: T[keyof T], newV?: T[keyof T]) => void;
-export declare type ChangeCallbackName = `_${string}Changed`;
-export declare type PropertyObserverHost<T> = T & Record<ChangeCallbackName, ChangeCallback<T>> & {
+export type ChangeCallback<T = ReactiveElement> = (this: T, old?: T[keyof T], newV?: T[keyof T]) => void;
+export type ChangeCallbackName = `_${string}Changed`;
+export type PropertyObserverHost<T> = T & Record<ChangeCallbackName, ChangeCallback<T>> & {
     [observedController]: PropertyObserverController;
 };
 /** This controller holds a cache of observed property values which were set before the element updated */

package/controllers/slot-controller.d.ts

@@ -8,7 +8,7 @@ interface NamedSlot extends AnonymousSlot {
     name: string;
     initialized: true;
 }
-export declare type Slot = NamedSlot | AnonymousSlot;
+export type Slot = NamedSlot | AnonymousSlot;
 export interface SlotsConfig {
     slots: (string | null)[];
     /**

package/decorators/deprecation.d.ts

@@ -1,5 +1,5 @@
 import type { ReactiveElement, PropertyDeclaration } from 'lit';
-export declare type DeprecationDeclaration<K extends PropertyKey> = PropertyDeclaration & {
+export type DeprecationDeclaration<K extends PropertyKey> = PropertyDeclaration & {
     alias: string & K;
     attribute: string;
 };

package/decorators/observed.d.ts

@@ -1,6 +1,6 @@
 import type { ReactiveElement } from 'lit';
 import type { ChangeCallback } from '../controllers/property-observer-controller.js';
-declare type TypedFieldDecorator<T> = (proto: T, key: string | keyof T) => void;
+type TypedFieldDecorator<T> = (proto: T, key: string | keyof T) => void;
 /**
  * Calls a _fooChanged method on the instance when the value changes.
  * Works on any class field. When using on lit observed properties,

package/functions/isElementInView.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This function returns whether or not an element is within the viewable area of a container. If partial is true,
+ * then this function will return true even if only part of the element is in view.
+ *
+ * @param container  The container to check if the element is in view of.
+ * @param element    The element to check if it is view
+ * @param partial   true if partial view is allowed
+ * @param strict    true if strict mode is set, never consider the container width and element width
+ *
+ * @returns True if the component is in View.
+ */
+export declare function isElementInView(container: HTMLElement, element: HTMLElement, partial?: boolean, strict?: boolean): boolean;

package/functions/isElementInView.js

@@ -0,0 +1,2 @@
+function d(s,c,a=!1,r=!1){if(!s||!c)return!1;let t=s.getBoundingClientRect(),n=c.getBoundingClientRect(),e=Math.ceil(t.left),o=Math.floor(t.right),i=Math.ceil(n.left),l=Math.floor(n.right),f=i>=e&&l<=o,u=(a||!r&&t.width<n.width)&&(i<e&&l>e||l>o&&i<o);return f||u}export{d as isElementInView};
+//# sourceMappingURL=isElementInView.js.map

package/functions/isElementInView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["isElementInView.ts"],
+  "sourcesContent": ["/**\n * This function returns whether or not an element is within the viewable area of a container. If partial is true,\n * then this function will return true even if only part of the element is in view.\n *\n * @param container  The container to check if the element is in view of.\n * @param element    The element to check if it is view\n * @param partial   true if partial view is allowed\n * @param strict    true if strict mode is set, never consider the container width and element width\n *\n * @returns True if the component is in View.\n */\nexport function isElementInView(\n  container: HTMLElement,\n  element: HTMLElement,\n  partial = false,\n  strict = false\n): boolean {\n  if (!container || !element) {\n    return false;\n  }\n  const containerBounds = container.getBoundingClientRect();\n  const elementBounds = element.getBoundingClientRect();\n  const containerBoundsLeft = Math.ceil(containerBounds.left);\n  const containerBoundsRight = Math.floor(containerBounds.right);\n  const elementBoundsLeft = Math.ceil(elementBounds.left);\n  const elementBoundsRight = Math.floor(elementBounds.right);\n\n  // Check if in view\n  const isTotallyInView =\n    elementBoundsLeft >= containerBoundsLeft &&\n    elementBoundsRight <= containerBoundsRight;\n  const isPartiallyInView =\n    (partial || (!strict && containerBounds.width < elementBounds.width)) &&\n    ((elementBoundsLeft < containerBoundsLeft && elementBoundsRight > containerBoundsLeft) ||\n      (elementBoundsRight > containerBoundsRight && elementBoundsLeft < containerBoundsRight));\n\n  // Return outcome\n  return isTotallyInView || isPartiallyInView;\n}\n"],
+  "mappings": "AAWO,SAASA,EACdC,EACAC,EACAC,EAAU,GACVC,EAAS,GACA,CACT,GAAI,CAACH,GAAa,CAACC,EACjB,MAAO,GAET,IAAMG,EAAkBJ,EAAU,sBAAsB,EAClDK,EAAgBJ,EAAQ,sBAAsB,EAC9CK,EAAsB,KAAK,KAAKF,EAAgB,IAAI,EACpDG,EAAuB,KAAK,MAAMH,EAAgB,KAAK,EACvDI,EAAoB,KAAK,KAAKH,EAAc,IAAI,EAChDI,EAAqB,KAAK,MAAMJ,EAAc,KAAK,EAGnDK,EACJF,GAAqBF,GACrBG,GAAsBF,EAClBI,GACHT,GAAY,CAACC,GAAUC,EAAgB,MAAQC,EAAc,SAC5DG,EAAoBF,GAAuBG,EAAqBH,GAC/DG,EAAqBF,GAAwBC,EAAoBD,GAGtE,OAAOG,GAAmBC,CAC5B",
+  "names": ["isElementInView", "container", "element", "partial", "strict", "containerBounds", "elementBounds", "containerBoundsLeft", "containerBoundsRight", "elementBoundsLeft", "elementBoundsRight", "isTotallyInView", "isPartiallyInView"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/pfe-core",
-  "version": "2.0.0-next.10",
+  "version": "2.0.0-next.12",
   "license": "MIT",
   "description": "PatternFly Elements Core Library",
   "customElements": "custom-elements.json",
@@ -18,6 +18,7 @@
     "./controllers/css-variable-controller.js": "./controllers/css-variable-controller.js",
     "./controllers/light-dom-controller.js": "./controllers/light-dom-controller.js",
     "./controllers/logger.js": "./controllers/logger.js",
+    "./controllers/internals-controller.js": "./controllers/internals-controller.js",
     "./controllers/perf-controller.js": "./controllers/perf-controller.js",
     "./controllers/property-observer-controller.js": "./controllers/property-observer-controller.js",
     "./controllers/slot-controller.js": "./controllers/slot-controller.js",
@@ -34,7 +35,8 @@
     "./decorators/trace.js": "./decorators/trace.js",
     "./functions/debounce.js": "./functions/debounce.js",
     "./functions/deprecatedCustomEvent.js": "./functions/deprecatedCustomEvent.js",
-    "./functions/random.js": "./functions/random.js"
+    "./functions/random.js": "./functions/random.js",
+    "./functions/isElementInView.js": "./functions/isElementInView.js"
   },
   "publishConfig": {
     "access": "public",