@pie-element/multi-trait-rubric 8.1.1 → 8.1.2-next.0

package/dist/author/scale.js

@@ -0,0 +1,280 @@
+import { DecreaseMaxPoints as e, DeleteScale as t, DeleteTrait as n, InfoDialog as r } from "./modals.js";
+import { Arrow as i, MultiTraitButton as a } from "./common.js";
+import o from "./traitsHeader.js";
+import s from "./trait.js";
+import c from "react";
+import l from "prop-types";
+import { styled as u } from "@mui/material/styles";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "@mui/icons-material/ArrowBackIos";
+import m from "@mui/icons-material/ArrowForwardIos";
+import { DragProvider as h } from "@pie-lib/drag";
+//#region src/author/scale.tsx
+var g = 216, _ = u("div")(({ theme: e }) => ({
+	display: "flex",
+	flexDirection: "column",
+	wordBreak: "break-word",
+	position: "relative",
+	marginBottom: e.spacing(2.5)
+})), v = class extends c.Component {
+	state = {
+		showDecreaseMaxPointsDialog: !1,
+		showDeleteScaleDialog: !1,
+		showDeleteTraitDialog: !1,
+		currentPosition: 0,
+		showRight: null,
+		showLeft: null,
+		showInfoDialog: !1,
+		infoDialogText: ""
+	};
+	set = (e) => this.setState(e);
+	componentDidMount() {
+		this.state.showRight === null && this.secondaryBlockRef && this.setState({ showRight: this.getMaxScroll() });
+	}
+	componentDidUpdate(e) {
+		(e.scale.maxPoints !== this.props.scale.maxPoints || e.showDescription !== this.props.showDescription || e.excludeZero !== this.props.excludeZero) && this.setState({ showRight: this.getMaxScroll() });
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		(e.excludeZero !== this.props.excludeZero || e.showStandards !== this.props.showStandards || e.showDescription !== this.props.showDescription) && this.setState({
+			currentPosition: 0,
+			showLeft: !1,
+			showRight: this.getMaxScroll()
+		});
+	}
+	updateMaxPointsFieldValue = ({ target: e }) => {
+		let { scale: t, scaleIndex: n, onScaleChanged: r } = this.props || {}, { maxPoints: i } = t, a = parseInt(e.value, 10);
+		this.setState({
+			currentPosition: 0,
+			showLeft: !1,
+			showRight: this.getMaxScroll()
+		}), a < i ? this.showDecreaseMaxPointsModal({ newMaxPoints: a }) : r(n, { maxPoints: a });
+	};
+	showDecreaseMaxPointsModal = ({ newMaxPoints: e }) => this.set({
+		showDecreaseMaxPointsDialog: !0,
+		newMaxPoints: e
+	});
+	hideDecreaseMaxPointsModal = () => this.set({
+		showDecreaseMaxPointsDialog: !1,
+		newMaxPoints: void 0
+	});
+	changeMaxPoints = () => {
+		let { newMaxPoints: e } = this.state || {}, { scaleIndex: t, onScaleChanged: n } = this.props || {};
+		e && n(t, { maxPoints: e }), this.hideDecreaseMaxPointsModal();
+	};
+	showDeleteScaleModal = () => this.set({ showDeleteScaleDialog: !0 });
+	hideDeleteScaleModal = () => this.set({ showDeleteScaleDialog: !1 });
+	deleteScale = () => {
+		let { scaleIndex: e, onScaleRemoved: t } = this.props || {};
+		this.hideDeleteScaleModal(), t(e);
+	};
+	showDeleteTraitModal = (e) => this.set({
+		showDeleteTraitDialog: !0,
+		traitToDeleteIndex: e
+	});
+	hideDeleteTraitModal = () => this.set({
+		showDeleteTraitDialog: !1,
+		traitToDeleteIndex: void 0
+	});
+	onTraitRemoved = () => {
+		let { traitToDeleteIndex: e } = this.state, { scale: t, scaleIndex: n, onScaleChanged: r, minNoOfTraits: i } = this.props || {}, { traits: a, traitLabel: o } = t || {};
+		if (!(e < 0 || e >= a.length)) {
+			if (a.length === i) return this.set({
+				infoDialogText: `There can't be less than ${i} ${(o || "trait").toLowerCase()}s.`,
+				showInfoDialog: !0
+			}), !1;
+			a = [...a.slice(0, e), ...a.slice(e + 1)], r(n, { traits: a }), this.hideDeleteTraitModal();
+		}
+	};
+	onTraitAdded = () => {
+		let { scale: e, scaleIndex: t, onScaleChanged: n, maxNoOfTraits: r } = this.props || {}, { traits: i, scorePointsLabels: a } = e || {};
+		if (i.length === r) return this.set({
+			infoDialogText: `There can't be more than ${r} scales.`,
+			showInfoDialog: !0
+		}), !1;
+		i.push({
+			name: "",
+			description: "",
+			standards: [],
+			scorePointsDescriptors: Array.from({ length: a.length }, () => "")
+		}), n(t, { traits: i });
+	};
+	onTraitChanged = (e, t) => {
+		let { scale: n, scaleIndex: r, onScaleChanged: i } = this.props || {}, { traits: a } = n || {};
+		e >= 0 && e < a.length && (a[e] = t, i(r, { traits: a }));
+	};
+	onTraitDropped = (e) => {
+		let { active: t, over: n } = e;
+		if (!n || !t) return;
+		let r = t.data.current, i = n.data.current;
+		if (r?.type === "trait" && i?.type === "trait") {
+			let e = r.index, t = i.index;
+			if (e === t) return;
+			let { scale: n, scaleIndex: a, onScaleChanged: o } = this.props || {}, { traits: s } = n || {}, c = s[e], l = s.filter((t, n) => n !== e);
+			o(a, { traits: [
+				...l.slice(0, t),
+				c,
+				...l.slice(t)
+			] });
+		}
+	};
+	decreasePosition = () => {
+		let { currentPosition: e } = this.state, t = Math.max(e - g, 0), n = this.getMaxScroll();
+		this.setState({
+			currentPosition: t,
+			showRight: t < n,
+			showLeft: t > 0
+		});
+	};
+	getMaxScroll = () => {
+		if (!this.secondaryBlockRef) return 0;
+		let e = this.secondaryBlockRef.scrollWidth, t = this.getNumberOfBlocks() * 200;
+		return Math.max(0, Math.min(e, t) - this.secondaryBlockRef.offsetWidth);
+	};
+	getNumberOfBlocks = () => {
+		let { scale: e, showStandards: t, showDescription: n, excludeZero: r } = this.props, { maxPoints: i } = e || {}, a = i - +!!r + 1;
+		return +!!t + +!!n + a;
+	};
+	increasePosition = () => {
+		let { currentPosition: e } = this.state, t = this.getMaxScroll(), n = Math.min(e + g, t);
+		this.setState({
+			currentPosition: n,
+			showRight: n < t,
+			showLeft: n > 0
+		});
+	};
+	render() {
+		let { errors: c, scale: l, scaleIndex: u, showStandards: v, onScaleChanged: y, excludeZero: b, showDescription: x, showLevelTagInput: S, showScorePointLabels: C, enableDragAndDrop: w, spellCheck: T, width: E, uploadSoundSupport: D, maxPointsEnabled: O, mathMlOptions: k = {}, maxMaxPoints: A, expandedPluginProps: j = {}, labelPluginProps: M = {}, imageSupport: N = {} } = this.props || {}, { maxPoints: P, scorePointsLabels: F, traitLabel: I, traits: L } = l || {}, { showDecreaseMaxPointsDialog: R, showDeleteScaleDialog: z, showDeleteTraitDialog: B, currentPosition: V, showRight: H, showLeft: U, showInfoDialog: W, infoDialogText: G } = this.state, { traitsErrors: K, scorePointsErrors: q } = c || {}, J = K && K[u] || {}, Y = q && q[u] || {}, X = [], Z = parseInt(E) - 32 - 200 || 320;
+		for (let e = P; +(e >= b); --e) X.push(e);
+		return /* @__PURE__ */ d(h, {
+			onDragEnd: this.onTraitDropped,
+			children: /* @__PURE__ */ f(_, {
+				ref: (e) => {
+					this.scaleWrapper = e;
+				},
+				children: [
+					/* @__PURE__ */ d(o, {
+						setSecondaryBlockRef: (e) => {
+							e && (this.secondaryBlockRef = e);
+						},
+						errors: Y,
+						traitLabel: I,
+						scorePointsValues: X,
+						scorePointsLabels: F,
+						onScaleChange: (e) => y(u, e),
+						onTraitLabelChange: (e) => y(u, { traitLabel: e }),
+						showStandards: v,
+						showDescription: x,
+						showLevelTagInput: S,
+						showScorePointLabels: C,
+						maxPoints: P,
+						updateMaxPointsFieldValue: this.updateMaxPointsFieldValue,
+						scaleIndex: u,
+						showDeleteScaleModal: this.showDeleteScaleModal,
+						currentPosition: V,
+						secondaryBlockWidth: Z,
+						spellCheck: T,
+						uploadSoundSupport: D,
+						maxPointsEnabled: O,
+						mathMlOptions: k,
+						maxMaxPoints: A,
+						expandedPluginProps: j,
+						labelPluginProps: M,
+						imageSupport: N
+					}, "header-key"),
+					L.map((e, t) => /* @__PURE__ */ d(s, {
+						index: t,
+						error: J && J[t],
+						trait: e,
+						traitLabel: I || "Trait",
+						scorePointsValues: X,
+						scorePointsLabels: F,
+						onTraitRemoved: () => this.showDeleteTraitModal(t),
+						onTraitChanged: (e) => this.onTraitChanged(t, e),
+						showStandards: v,
+						showDescription: x,
+						maxPoints: P,
+						currentPosition: V,
+						enableDragAndDrop: w,
+						secondaryBlockWidth: Z,
+						spellCheck: T,
+						uploadSoundSupport: D,
+						mathMlOptions: k,
+						expandedPluginProps: j,
+						labelPluginProps: M,
+						imageSupport: N
+					}, t)),
+					/* @__PURE__ */ d(i, {
+						width: `${g / 2}px`,
+						show: U,
+						onClick: this.decreasePosition,
+						left: "200px",
+						showLevelTagInput: S,
+						children: /* @__PURE__ */ d(p, {})
+					}),
+					/* @__PURE__ */ d(i, {
+						width: `${g / 2}px`,
+						show: H,
+						onClick: this.increasePosition,
+						showLevelTagInput: S,
+						children: /* @__PURE__ */ d(m, {})
+					}),
+					/* @__PURE__ */ d(a, {
+						onClick: this.onTraitAdded,
+						children: /* @__PURE__ */ d("div", { dangerouslySetInnerHTML: { __html: `Add ${I || " Trait"}` } })
+					}),
+					/* @__PURE__ */ d(e, {
+						open: !!R,
+						deleteScorePoints: this.changeMaxPoints,
+						cancel: this.hideDecreaseMaxPointsModal
+					}),
+					/* @__PURE__ */ d(t, {
+						open: !!z,
+						scaleIndex: u,
+						deleteScale: this.deleteScale,
+						cancel: this.hideDeleteScaleModal
+					}),
+					/* @__PURE__ */ d(n, {
+						open: !!B,
+						deleteTrait: this.onTraitRemoved,
+						cancel: this.hideDeleteTraitModal,
+						traitLabel: I.toLowerCase()
+					}),
+					/* @__PURE__ */ d(r, {
+						open: W,
+						text: G,
+						onClose: () => this.set({ showInfoDialog: !1 })
+					})
+				]
+			}, `scale-${u}`)
+		});
+	}
+};
+v.propTypes = {
+	errors: l.object,
+	scale: l.shape({
+		maxPoints: l.number,
+		scorePointsLabels: l.arrayOf(l.string),
+		traitLabel: l.string,
+		traits: l.arrayOf(l.shape({
+			name: l.string,
+			standards: l.arrayOf(l.string),
+			scorePointsDescriptors: l.arrayOf(l.string),
+			description: l.string
+		}))
+	}),
+	width: l.string,
+	excludeZero: l.bool,
+	scaleIndex: l.number,
+	onScaleChanged: l.func,
+	onScaleRemoved: l.func,
+	showStandards: l.bool,
+	showLevelTagInput: l.bool,
+	showDescription: l.bool,
+	uploadSoundSupport: l.object,
+	showScorePointLabels: l.bool,
+	enableDragAndDrop: l.bool,
+	expandedPluginProps: l.object,
+	labelPluginProps: l.object
+};
+//#endregion
+export { v as default };

package/dist/author/trait.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/configure/src/trait.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+declare function TraitTile({ error, trait: { name, standards, description, scorePointsDescriptors }, traitLabel, scorePointsValues, showStandards, showDescription, enableDragAndDrop, currentPosition, secondaryBlockWidth, spellCheck, maxPoints, uploadSoundSupport, mathMlOptions, expandedPluginProps, labelPluginProps, imageSupport, index, onTraitChanged, onTraitRemoved, onTraitDropped, }: {
+    error: any;
+    trait: {
+        name: any;
+        standards: any;
+        description: any;
+        scorePointsDescriptors: any;
+    };
+    traitLabel: any;
+    scorePointsValues: any;
+    showStandards: any;
+    showDescription: any;
+    enableDragAndDrop: any;
+    currentPosition: any;
+    secondaryBlockWidth: any;
+    spellCheck: any;
+    maxPoints: any;
+    uploadSoundSupport: any;
+    mathMlOptions?: {} | undefined;
+    expandedPluginProps?: {} | undefined;
+    labelPluginProps?: {} | undefined;
+    imageSupport?: {} | undefined;
+    index: any;
+    onTraitChanged: any;
+    onTraitRemoved: any;
+    onTraitDropped: any;
+}): React.JSX.Element;
+declare namespace TraitTile {
+    var propTypes: {
+        error: PropTypes.Requireable<object>;
+        index: PropTypes.Validator<number>;
+        onTraitChanged: PropTypes.Validator<(...args: any[]) => any>;
+        onTraitRemoved: PropTypes.Validator<(...args: any[]) => any>;
+        onTraitDropped: PropTypes.Requireable<(...args: any[]) => any>;
+        trait: PropTypes.Requireable<PropTypes.InferProps<{
+            name: PropTypes.Requireable<string>;
+            standards: PropTypes.Requireable<(string | null | undefined)[]>;
+            scorePointsDescriptors: PropTypes.Requireable<(string | null | undefined)[]>;
+            description: PropTypes.Requireable<string>;
+        }>>;
+        traitLabel: PropTypes.Requireable<string>;
+        scorePointsValues: PropTypes.Requireable<(number | null | undefined)[]>;
+        showStandards: PropTypes.Requireable<boolean>;
+        showDescription: PropTypes.Requireable<boolean>;
+        maxPoints: PropTypes.Requireable<number>;
+        enableDragAndDrop: PropTypes.Requireable<boolean>;
+        currentPosition: PropTypes.Requireable<number>;
+        secondaryBlockWidth: PropTypes.Requireable<number>;
+        spellCheck: PropTypes.Requireable<boolean>;
+        uploadSoundSupport: PropTypes.Requireable<object>;
+        mathMlOptions: PropTypes.Requireable<object>;
+        expandedPluginProps: PropTypes.Requireable<object>;
+        labelPluginProps: PropTypes.Requireable<object>;
+        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+    };
+}
+export default TraitTile;

package/dist/author/trait.js

@@ -0,0 +1,202 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
+import { Block as t, ExpandedInput as n, PrimaryBlock as r, Row as i, SecondaryBlock as a, UnderlinedInput as o } from "./common.js";
+import s from "react";
+import c from "prop-types";
+import { styled as l } from "@mui/material/styles";
+import { InlineMenu as u, color as d } from "@pie-lib/render-ui";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import m from "@mui/material/IconButton";
+import h from "@mui/material/MenuItem";
+import g from "@mui/icons-material/MoreVert";
+import _ from "debug";
+import { useDraggable as v, useDroppable as y } from "@dnd-kit/core";
+import b from "@mui/icons-material/DragIndicator";
+//#region src/author/trait.tsx
+_("@pie-element:placement-ordering:configure:trait-tile");
+var x = l(b)({ color: d.text() }), S = l(r)(({ theme: e }) => ({
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: "space-between",
+	marginBottom: e.spacing(5),
+	touchAction: "none"
+})), C = l("div")({
+	display: "flex",
+	alignItems: "center",
+	width: "100%",
+	cursor: "pointer"
+}), w = l(m)({ marginLeft: "auto" }), T = l("div")({
+	display: "flex",
+	whiteSpace: "break-spaces"
+}), E = l("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingBottom: e.spacing(1)
+}));
+function D({ error: r, trait: { name: c, standards: l, description: d, scorePointsDescriptors: m }, traitLabel: _, scorePointsValues: b, showStandards: D, showDescription: O, enableDragAndDrop: k, currentPosition: A, secondaryBlockWidth: j, spellCheck: M, maxPoints: ee, uploadSoundSupport: N, mathMlOptions: P = {}, expandedPluginProps: F = {}, labelPluginProps: I = {}, imageSupport: L = {}, index: R, onTraitChanged: z, onTraitRemoved: B, onTraitDropped: te }) {
+	let [V, H] = s.useState(null), U = s.useRef(null), { attributes: W, listeners: G, setNodeRef: K, transform: q, isDragging: J } = v({
+		id: `trait-${R}`,
+		data: {
+			type: "trait",
+			index: R,
+			name: c
+		}
+	}), { setNodeRef: Y } = y({
+		id: `trait-drop-${R}`,
+		data: {
+			type: "trait",
+			index: R
+		}
+	});
+	s.useLayoutEffect(() => {
+		A !== void 0 && U.current && U.current.scrollTo({ left: A });
+	}, [A]);
+	let X = (t) => {
+		e(t) || z({
+			name: c,
+			standards: l,
+			description: d,
+			scorePointsDescriptors: m,
+			...t
+		});
+	}, Z = ({ descriptor: e, value: t }) => {
+		if (t < 0 || t >= m.length) return;
+		let n = [...m];
+		n[t] = e, X({ scorePointsDescriptors: n });
+	}, Q = (e) => H(e.currentTarget), $ = () => H(null), ne = () => {
+		B(), $();
+	};
+	return /* @__PURE__ */ f("div", {
+		ref: Y,
+		style: q ? {
+			transform: `translate3d(${q.x}px, ${q.y}px, 0)`,
+			opacity: J ? .5 : 1
+		} : {},
+		children: /* @__PURE__ */ p(i, { children: [/* @__PURE__ */ p(S, { children: [
+			/* @__PURE__ */ p(C, { children: [
+				k && /* @__PURE__ */ f("span", {
+					ref: K,
+					...W,
+					...G,
+					children: /* @__PURE__ */ f(x, {})
+				}),
+				/* @__PURE__ */ f(w, {
+					"aria-label": "more",
+					"aria-controls": "long-menu",
+					"aria-haspopup": "true",
+					onClick: Q,
+					size: "large",
+					children: /* @__PURE__ */ f(g, {})
+				}),
+				/* @__PURE__ */ f(u, {
+					id: "long-menu",
+					anchorEl: V,
+					keepMounted: !0,
+					open: !!V,
+					onClose: $,
+					transitionDuration: {
+						enter: 225,
+						exit: 195
+					},
+					children: /* @__PURE__ */ f(h, {
+						onClick: ne,
+						children: /* @__PURE__ */ f(T, { dangerouslySetInnerHTML: { __html: `Remove ${c || _}` } })
+					})
+				})
+			] }),
+			/* @__PURE__ */ f(o, {
+				markup: c,
+				error: r?.name || "",
+				onChange: (e) => X({ name: e }),
+				pluginProps: I,
+				placeholder: `Enter ${_}`,
+				spellCheck: M,
+				uploadSoundSupport: N,
+				mathMlOptions: P,
+				imageSupport: L
+			}),
+			r && /* @__PURE__ */ f(E, { children: r.name || "" })
+		] }), /* @__PURE__ */ p(a, {
+			setRef: (e) => {
+				U.current = e;
+			},
+			width: `${j}px`,
+			children: [
+				D && l && /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(n, {
+					placeholder: "Standards",
+					markup: l.join(","),
+					onChange: (e) => X({ standards: e.split(",") }),
+					pluginProps: F,
+					spellCheck: M,
+					uploadSoundSupport: N,
+					mathMlOptions: P,
+					imageSupport: L
+				}) }),
+				O && /* @__PURE__ */ p(t, { children: [/* @__PURE__ */ f(n, {
+					placeholder: "Enter Description",
+					markup: d,
+					error: r?.description || "",
+					onChange: (e) => X({ description: e }),
+					pluginProps: F,
+					spellCheck: M,
+					uploadSoundSupport: N,
+					mathMlOptions: P,
+					imageSupport: L
+				}), r && /* @__PURE__ */ f(E, { children: r.description || "" })] }),
+				(b || []).map((e, r) => {
+					let i = j - 216 * r + A - 98, a = b.length - r - 1, o;
+					try {
+						o = m[a] || "";
+					} catch {
+						o = "";
+					}
+					return /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(n, {
+						placeholder: "Enter Descriptor",
+						markup: o,
+						onChange: (e) => Z({
+							descriptor: e,
+							value: a
+						}),
+						pluginProps: F,
+						alignToRight: i < 296 && e < ee,
+						spellCheck: M,
+						uploadSoundSupport: N,
+						mathMlOptions: P,
+						imageSupport: L
+					}) }, `key-key-${r}`);
+				})
+			]
+		})] })
+	});
+}
+D.propTypes = {
+	error: c.object,
+	index: c.number.isRequired,
+	onTraitChanged: c.func.isRequired,
+	onTraitRemoved: c.func.isRequired,
+	onTraitDropped: c.func,
+	trait: c.shape({
+		name: c.string,
+		standards: c.arrayOf(c.string),
+		scorePointsDescriptors: c.arrayOf(c.string),
+		description: c.string
+	}),
+	traitLabel: c.string,
+	scorePointsValues: c.arrayOf(c.number),
+	showStandards: c.bool,
+	showDescription: c.bool,
+	maxPoints: c.number,
+	enableDragAndDrop: c.bool,
+	currentPosition: c.number,
+	secondaryBlockWidth: c.number,
+	spellCheck: c.bool,
+	uploadSoundSupport: c.object,
+	mathMlOptions: c.object,
+	expandedPluginProps: c.object,
+	labelPluginProps: c.object,
+	imageSupport: c.shape({
+		add: c.func.isRequired,
+		delete: c.func.isRequired
+	})
+};
+//#endregion
+export { D as default };

package/dist/author/traitsHeader.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @synced-from pie-elements/packages/multi-trait-rubric/configure/src/traitsHeader.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class TraitsHeaderTile extends React.Component {
+    static propTypes: {
+        maxPointsEnabled: PropTypes.Requireable<boolean>;
+        spellCheck: PropTypes.Requireable<boolean>;
+        errors: PropTypes.Requireable<object>;
+    };
+    state: {
+        anchorEl: null;
+    };
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    onScorePointLabelChange: any;
+    handleClick: (event: any) => void;
+    handleClose: () => void;
+    scrollToPosition: any;
+    openMenu: any;
+    render(): React.JSX.Element;
+}
+export default TraitsHeaderTile;