@odx/foundation 1.0.0-alpha.14 → 1.0.0-alpha.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/dist/cdk.js +1 -1
- package/dist/components/anchor-navigation/anchor-navigation.component.d.ts +21 -0
- package/dist/components/anchor-navigation/anchor-observer.d.ts +11 -0
- package/dist/components/anchor-navigation/index.d.ts +3 -0
- package/dist/components/button/base-button.d.ts +1 -0
- package/dist/components/highlight/highlight.component.d.ts +14 -0
- package/dist/components/highlight/index.d.ts +2 -0
- package/dist/components/main.d.ts +2 -0
- package/dist/components.js +531 -358
- package/dist/i18n.js +1 -1
- package/dist/lib/main.d.ts +1 -0
- package/dist/lib/utils/search-text-content.d.ts +7 -0
- package/dist/lib/utils/shared-intersection-observer.d.ts +1 -1
- package/dist/main.js +33 -6
- package/dist/styles.css +1 -1
- package/dist/{vendor-BosGCY3n.js → vendor-okSCJWYL.js} +193 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -16,7 +16,7 @@ To include `@odx/foundation` in your project, run the following command:
|
|
|
16
16
|
> We depend on the <a href="https://lit.dev" target="_blank" rel="noopener">**Lit package**</a> for building web elements because it offers a lightweight, efficient framework with a simple syntax for creating fast, reusable elements. Its powerful templating system ensures high performance and seamless user experience. Lit is also highly interoperable, making it easy to integrate with other frameworks and libraries.
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install @odx/foundation @odx/icons@
|
|
19
|
+
npm install @odx/foundation @odx/icons@next --save
|
|
20
20
|
```
|
|
21
21
|
|
|
22
22
|
## Usage
|
|
@@ -38,8 +38,8 @@ import '@odx/foundation/fonts';
|
|
|
38
38
|
import '@odx/foundation/styles';
|
|
39
39
|
|
|
40
40
|
// CSS
|
|
41
|
-
@import '@odx/foundation/assets/fonts.css';
|
|
42
|
-
@import '@odx/foundation/styles.css';
|
|
41
|
+
@import '@odx/foundation/dist/assets/fonts.css';
|
|
42
|
+
@import '@odx/foundation/dist/styles.css';
|
|
43
43
|
```
|
|
44
44
|
|
|
45
45
|
### Install all components
|
package/dist/cdk.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { dedupeMixin, createOptions, toPx, waitForAnimations, findClosestDocument, createMutationObserver, customElement, CustomElement } from '@odx/foundation';
|
|
2
2
|
import { property, state } from 'lit/decorators.js';
|
|
3
|
-
import { m as minBy, a as computePosition, o as offset, s as shift, f as flip, b as size, d as arrow, h as hide, e as autoUpdate } from './vendor-
|
|
3
|
+
import { m as minBy, a as computePosition, o as offset, s as shift, f as flip, b as size, d as arrow, h as hide, e as autoUpdate } from './vendor-okSCJWYL.js';
|
|
4
4
|
import { isServer, unsafeCSS, html } from 'lit';
|
|
5
5
|
import { when } from 'lit/directives/when.js';
|
|
6
6
|
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CustomElement } from '../../lib/main.js';
|
|
2
|
+
import { PropertyValueMap, TemplateResult } from 'lit';
|
|
3
|
+
declare global {
|
|
4
|
+
interface HTMLElementTagNameMap {
|
|
5
|
+
'odx-anchor-navigation': OdxAnchorNavigationComponent;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
declare const OdxAnchorNavigationComponent_base: typeof CustomElement;
|
|
9
|
+
export declare class OdxAnchorNavigationComponent extends OdxAnchorNavigationComponent_base {
|
|
10
|
+
#private;
|
|
11
|
+
container?: string;
|
|
12
|
+
vertical: boolean;
|
|
13
|
+
constructor();
|
|
14
|
+
connectedCallback(): void;
|
|
15
|
+
disconnectedCallback(): void;
|
|
16
|
+
renderAnchorLink(anchor: Element, isActive?: boolean): unknown;
|
|
17
|
+
protected render(): TemplateResult;
|
|
18
|
+
protected updated(props: PropertyValueMap<this>): void;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=anchor-navigation.component.d.ts.map
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare class AnchorObserver {
|
|
2
|
+
#private;
|
|
3
|
+
readonly root: Element | Document;
|
|
4
|
+
readonly anchors: import("@lit-labs/signals", { with: { "resolution-mode": "import" } }).Signal.State<Element[]>;
|
|
5
|
+
readonly visibleAnchors: import("@lit-labs/signals", { with: { "resolution-mode": "import" } }).Signal.Computed<Element[]>;
|
|
6
|
+
constructor(root?: Element | null);
|
|
7
|
+
observe(): void;
|
|
8
|
+
disconnect(): void;
|
|
9
|
+
updateAnchors: () => void;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=anchor-observer.d.ts.map
|
|
@@ -14,6 +14,7 @@ declare const BaseButtonComponent_base: import('../../lib/main.js', { with: { "r
|
|
|
14
14
|
* @slot - Contains button text
|
|
15
15
|
*/
|
|
16
16
|
export declare class BaseButtonComponent extends BaseButtonComponent_base {
|
|
17
|
+
static readonly styles: import('lit', { with: { "resolution-mode": "import" } }).CSSResult;
|
|
17
18
|
protected render(): TemplateResult;
|
|
18
19
|
protected renderContent(): TemplateResult;
|
|
19
20
|
protected renderButton(): TemplateResult<1>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CustomElement } from '../../lib/main.js';
|
|
2
|
+
import { PropertyValueMap } from 'lit';
|
|
3
|
+
declare global {
|
|
4
|
+
interface HTMLElementTagNameMap {
|
|
5
|
+
'odx-highlight': OdxHighlightComponent;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export declare class OdxHighlightComponent extends CustomElement {
|
|
9
|
+
query?: string | null;
|
|
10
|
+
minlength: number;
|
|
11
|
+
protected updated(props: PropertyValueMap<this>): void;
|
|
12
|
+
protected highlight(): void;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=highlight.component.d.ts.map
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './accordion/index.js';
|
|
2
|
+
export * from './anchor-navigation/index.js';
|
|
2
3
|
export * from './area-header/index.js';
|
|
3
4
|
export * from './avatar-group/index.js';
|
|
4
5
|
export * from './avatar/index.js';
|
|
@@ -16,6 +17,7 @@ export * from './dropdown/index.js';
|
|
|
16
17
|
export * from './format/index.js';
|
|
17
18
|
export * from './header/index.js';
|
|
18
19
|
export * from './headline/index.js';
|
|
20
|
+
export * from './highlight/index.js';
|
|
19
21
|
export * from './icon-button/index.js';
|
|
20
22
|
export * from './inline-message/index.js';
|
|
21
23
|
export * from './input/index.js';
|