@pie-element/matrix 4.1.2-next.0 → 4.1.2-next.10

package/dist/author/HeaderCommon.d.ts

@@ -6,7 +6,15 @@
  * Manual edits will be overwritten on next sync.
  * To make changes, edit the upstream JavaScript file and run sync again.
  */
-export declare const ColumnsWrapper: any;
-export declare const ColumnsHeader: any;
-export declare const NumberInputFormGroupWrapper: any;
-export declare const IconWrapper: any;
+export declare const ColumnsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ColumnsHeader: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const NumberInputFormGroupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/author/Main.js

@@ -131,4 +131,4 @@ var { Panel: p, toggle: m, radio: h } = f, g = c(u)(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { b as default };
+export { b as Main, b as default };

package/dist/author/MatrixValues.d.ts

@@ -8,17 +8,39 @@
  */
 import React from 'react';
 import PropTypes from 'prop-types';
-export declare const ScoringContainer: any;
-export declare const MatrixColumns: any;
-export declare const ColumnLabelWrapper: any;
-export declare const RowLabelWrapper: any;
-export declare const ValueRowWrapper: any;
-export declare const ValueItemWrapper: any;
-export declare const ScoringRows: any;
-export declare const ScoringNumberInputWrapper: any;
-export declare const GridSeparatorHorizontal: any;
-export declare const GridSeparatorVertical: any;
-export declare const Content: any;
+export declare const ScoringContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MatrixColumns: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ColumnLabelWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const RowLabelWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ValueRowWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ValueItemWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ScoringRows: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const ScoringNumberInputWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const GridSeparatorHorizontal: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const GridSeparatorVertical: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const Content: import("styled-components/dist/types.js").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types.js").CSSPropertiesWithVars | undefined;
+}> & string;
 declare const MatrixValues: {
     (props: any): React.JSX.Element;
     propTypes: {

package/dist/author/MatrixValues.js

@@ -153,4 +153,4 @@ b.propTypes = {
 	onChangeModel: i.func.isRequired
 };
 //#endregion
-export { b as default };
+export { d as ColumnLabelWrapper, y as Content, _ as GridSeparatorHorizontal, v as GridSeparatorVertical, u as MatrixColumns, f as RowLabelWrapper, l as ScoringContainer, g as ScoringNumberInputWrapper, h as ScoringRows, m as ValueItemWrapper, p as ValueRowWrapper, b as default };

package/dist/author/columnLabelsGenerator.js

@@ -98,4 +98,4 @@ var e = [
 	]
 }, v = (e, t) => _[`${e}_${t}`];
 //#endregion
-export { v as default };
+export { e as AGREEMENT_3, v as default };

package/dist/author/index.d.ts

@@ -27,5 +27,6 @@ export default class Matrix extends HTMLElement {
     insertSound(handler: any): void;
     onDeleteSound(src: any, done: any): void;
     _render(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/dist/author/index.js

@@ -1,24 +1,24 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/defaults.js";
-import t from "./Main.js";
-import n from "./defaults.js";
-import r from "react";
-import { createRoot as i } from "react-dom/client";
+import { Main as e } from "./Main.js";
+import t from "./defaults.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import { defaults as i } from "@pie-element/shared-lodash";
 import a from "debug";
 import { DeleteSoundEvent as o, InsertSoundEvent as s, ModelUpdatedEvent as c } from "@pie-element/shared-configure-events";
 //#region src/author/index.ts
-var l = a("matrix:configure"), u = (t, r) => ({
-	configuration: e(t, n.configuration),
-	model: r
-}), d = class e extends HTMLElement {
+var l = a("matrix:configure"), u = (e, n) => ({
+	configuration: i(e, t.configuration),
+	model: n
+}), d = class i extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...n.model,
+		...t.model,
 		...e
 	});
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = n.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+		super(), this._root = null, this._model = i.createDefaultModel(), this._configuration = t.configuration, this.onModelChanged = this.onModelChanged.bind(this), this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
 	}
-	set model(t) {
-		this._model = e.createDefaultModel(t), this._render();
+	set model(e) {
+		this._model = i.createDefaultModel(e), this._render();
 	}
 	set configuration(e) {
 		let t = u(e, this._model);
@@ -45,7 +45,7 @@ var l = a("matrix:configure"), u = (t, r) => ({
 	}
 	_render() {
 		l("_render");
-		let e = r.createElement(t, {
+		let t = n.createElement(e, {
 			model: this._model,
 			configuration: this._configuration,
 			onModelChanged: this.onModelChanged,
@@ -56,10 +56,13 @@ var l = a("matrix:configure"), u = (t, r) => ({
 				delete: this.onDeleteSound.bind(this)
 			}
 		});
-		this._root ||= i(this), this._root.render(e);
+		this._root ||= r(this), this._root.render(t);
+	}
+	connectedCallback() {
+		this._render();
 	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion