@supersoniks/concorde 1.1.49 → 2.0.0

package/core/components/ui/divider/divider.d.ts

@@ -8,6 +8,6 @@ export declare class Divider extends LitElement {
     align: "left" | "right" | "center";
     vertical: boolean;
     noMargin: boolean;
-    firstUpdated(): void;
+    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/core/components/ui/divider/divider.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, css } from "lit";
-import { customElement, property, queryAssignedNodes, query } from "lit/decorators.js";
+import { customElement, property, queryAssignedElements, query } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 const tagName = "sonic-divider";
 let Divider = class Divider extends LitElement {
@@ -16,10 +16,10 @@ let Divider = class Divider extends LitElement {
         this.vertical = false;
         this.noMargin = false;
     }
-    firstUpdated() {
-        var _a, _b;
-        if (this.label || ((_a = this.slotNodes) === null || _a === void 0 ? void 0 : _a.length)) {
-            (_b = this.divider) === null || _b === void 0 ? void 0 : _b.classList.add("has-text");
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        if (this.label || this.slotNodes?.length) {
+            this.divider?.classList.add("has-text");
         }
     }
     render() {
@@ -151,7 +151,7 @@ Divider.styles = [
     `,
 ];
 __decorate([
-    queryAssignedNodes()
+    queryAssignedElements({ flatten: true })
 ], Divider.prototype, "slotNodes", void 0);
 __decorate([
     query("div")

package/core/components/ui/form/checkbox/checkbox.d.ts

@@ -69,38 +69,18 @@ declare const Checkbox_base: {
     new (...args: any[]): {
         validateFormElement(): void;
         forceAutoFill: boolean;
-        _type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
-        type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
+        _type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
+        type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
         _description?: string | undefined;
         description: string | undefined;
         _label?: string | undefined;
         label: string | undefined;
         tabindex?: number | undefined;
-        autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
+        autocomplete?: "url" | "name" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "language" | "nickname" | "organization-title" | "cc-additional-name" | "bday" | "sex" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;
         handleBlur(e?: Event | undefined): void;
-        /**
-         * ### Le composent sonic-checkbox étend les mixins FormCheckable, FormInput, FormElement et Subscriber
-         * **FormElement :**
-         * * La propriété value est remplie automatiquement a l'aide de l'attribut name renseigné, ceci en prenant la valeur de la propriété du même nom dans les données du dataprovider associé.
-         * * Par défault lorsque modifie l'input, la valeur est également mise à jour via le même dataprovider
-         * * On peut cependant décider de mettre à jour la donnée à une autre adresse en renseigne l'attribut *formDataProvider*.
-         * * Par conséquent on peut par exemple le lier à un composant *queue* (via sa propriété *dataFilterProvider*) de manière à appeller en auto une api avec des filtres.
-         * * **FormInput **
-         * Uniquement des propriétés classiques d'un input HTML. La prise en compte est ici partielle, par exemple les propriétés *placeholder*, *readonly*, *pattern*, *min* et *max* n'ont pas de sens pour un checkbox.
-         * **FormCheckable :**
-         * * La propriété checked mise à true si la valeur de la propriété du même nom dans les données du dataprovider associé contient un propriété checked.
-         * **Comportements :**
-         * * multiple (par défaut):
-         * - on peut cocher plusieurs checkbox ayant le même *name*.
-         * - la valeur enregistrée dans la propriété nommé du même nom dans formDataProvider est un tableau avec les *value* des cases cochées ayant le même *name*.
-         * * unique (Ajouter l'attribute unique au composant a l'intégration):
-         * - on ne peut cocher qu'une seule checkbox ayant le même *name*.
-         * * radio (Ajouter l'attribute radio au composant a l'intégration):
-         * Comme unique, mais on ne peut pas décocher la case sauf en en cochant une autre, comme un bouton radio.
-         */
         getValueForFormPublisher(): string | object | string[] | null | undefined;
         focus?: (() => void) | undefined;
         shadowRoot?: ShadowRoot | undefined;

package/core/components/ui/form/checkbox/checkbox.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, css } from "lit";
-import { customElement, property, queryAssignedNodes } from "lit/decorators.js";
+import { customElement, property, queryAssignedElements } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
@@ -55,10 +55,8 @@ let Checkbox = class Checkbox extends FormCheckable(FormInput(FormElement(Subscr
         super.willUpdate(changedProperties);
     }
     hasSlotOrProps() {
-        var _a, _b;
-        this.hasLabel = this.label || ((_a = this.slotLabelNodes) === null || _a === void 0 ? void 0 : _a.length) ? true : false;
-        this.hasDescription =
-            this.description || ((_b = this.slotDescriptionNodes) === null || _b === void 0 ? void 0 : _b.length) ? true : false;
+        this.hasLabel = this.label || this.slotLabelNodes?.length ? true : false;
+        this.hasDescription = this.description || this.slotDescriptionNodes?.length ? true : false;
     }
     render() {
         //let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
@@ -80,9 +78,7 @@ let Checkbox = class Checkbox extends FormCheckable(FormInput(FormElement(Subscr
             aria-label=${ifDefined(this.ariaLabel)}
             aria-labelledby=${ifDefined(this.ariaLabelledby)}
           />
-          <sonic-icon name="${this.checked == "indeterminate" || this.showAsIndeterminate
-            ? this.indeterminateIconName
-            : this.iconName}" class="sc-input-icon"></sonic-icon>
+          <sonic-icon name="${this.checked == "indeterminate" || this.showAsIndeterminate ? this.indeterminateIconName : this.iconName}" class="sc-input-icon"></sonic-icon>
         </span>
 
         <div class="checkbox-text ${!this.hasDescription && !this.hasLabel ? "hidden" : "checkbox-text"}">
@@ -139,8 +135,7 @@ Checkbox.styles = [
         outline: none;
         margin: 0;
         background-color: var(--sc-checkbox-bg);
-        border: var(--sc-checkbox-border-width) solid
-          var(--sc-checkbox-border-color);
+        border: var(--sc-checkbox-border-width) solid var(--sc-checkbox-border-color);
       }
 
       input:focus,
@@ -246,10 +241,10 @@ __decorate([
     property({ type: Boolean })
 ], Checkbox.prototype, "hasLabel", void 0);
 __decorate([
-    queryAssignedNodes()
+    queryAssignedElements({ flatten: true })
 ], Checkbox.prototype, "slotLabelNodes", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "description" })
+    queryAssignedElements({ slot: "description", flatten: true })
 ], Checkbox.prototype, "slotDescriptionNodes", void 0);
 Checkbox = __decorate([
     customElement(tagName)

package/core/components/ui/form/form-layout/form-layout.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-import { ResizeController } from "@lit-labs/observers/resize_controller.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
 declare const FormLayout_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 export declare class FormLayout extends FormLayout_base {
     static styles: import("lit").CSSResult[];

package/core/components/ui/form/form-layout/form-layout.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, css } from "lit";
 import { customElement, property, queryAssignedElements } from "lit/decorators.js";
-import { ResizeController } from "@lit-labs/observers/resize_controller.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
 import { classMap } from "lit/directives/class-map.js";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 const tagName = "sonic-form-layout";

package/core/components/ui/form/input/input.d.ts

@@ -3,14 +3,14 @@ declare const Input_base: {
     new (...args: any[]): {
         validateFormElement(): void;
         forceAutoFill: boolean;
-        _type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
-        type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
+        _type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
+        type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
         _description?: string | undefined;
         description: string | undefined;
         _label?: string | undefined;
         label: string | undefined;
         tabindex?: number | undefined;
-        autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
+        autocomplete?: "url" | "name" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "language" | "nickname" | "organization-title" | "cc-additional-name" | "bday" | "sex" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;
@@ -54,9 +54,7 @@ declare const Input_base: {
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
-        disconnectedCallback(): void; /**
-         * Taille du composant, implique notamment des modifications de typo et de marge interne
-         */
+        disconnectedCallback(): void;
         getBoundingClientRect(): DOMRect;
         onConnected(callback: (component: any) => void): void;
         offConnected(callback: (component: any) => void): void;

package/core/components/ui/form/input/input.js

@@ -5,10 +5,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, css } from "lit";
-import { customElement, property, queryAssignedNodes, state, } from "lit/decorators.js";
+import { customElement, property, queryAssignedElements, state } from "lit/decorators.js";
 import { query } from "lit/decorators/query.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-import { formControl, label, description, passwordToggle, } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
+import { formControl, label, description, passwordToggle } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
 import FormInput from "@supersoniks/concorde/core/mixins/FormInput";
@@ -73,18 +73,15 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
         this.input.setSelectionRange(start, end);
     }
     hasSlotOrProps() {
-        var _a, _b, _c, _d;
-        this.hasLabel = this.label || ((_a = this.slotLabelNodes) === null || _a === void 0 ? void 0 : _a.length) ? true : false;
-        this.hasDescription =
-            this.description || ((_b = this.slotDescriptionNodes) === null || _b === void 0 ? void 0 : _b.length) ? true : false;
-        this.hasSuffix = ((_c = this.slotSuffixNodes) === null || _c === void 0 ? void 0 : _c.length) ? true : false;
-        this.hasPrefix = ((_d = this.slotPrefixNodes) === null || _d === void 0 ? void 0 : _d.length) ? true : false;
+        this.hasLabel = this.label || this.slotLabelNodes?.length ? true : false;
+        this.hasDescription = this.description || this.slotDescriptionNodes?.length ? true : false;
+        this.hasSuffix = this.slotSuffixNodes?.length ? true : false;
+        this.hasPrefix = this.slotPrefixNodes?.length ? true : false;
     }
     inlineContentFocus() {
-        var _a;
         if (!this.inlineContent || this.disableInlineContentFocus)
             return;
-        (_a = this.input) === null || _a === void 0 ? void 0 : _a.focus();
+        this.input?.focus();
     }
     handleChange(e) {
         if (!this.hasAttribute("inputDelayMs")) {
@@ -156,10 +153,7 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
                       aria-label="Toggle password visibility"
                       variant="unstyled"
                     >
-                      <sonic-icon
-                        library="heroicons"
-                        name=${this.isPassword ? "eye" : "eye-slash"}
-                      ></sonic-icon>
+                      <sonic-icon library="heroicons" name=${this.isPassword ? "eye" : "eye-slash"}></sonic-icon>
                     </sonic-button>`
             : ""}
             <slot name="suffix" @slotchange=${this.hasSlotOrProps}></slot>
@@ -236,16 +230,16 @@ __decorate([
     property({ type: Boolean })
 ], Input.prototype, "showPasswordToggle", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "label" })
+    queryAssignedElements({ slot: "label", flatten: true })
 ], Input.prototype, "slotLabelNodes", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "description" })
+    queryAssignedElements({ slot: "description", flatten: true })
 ], Input.prototype, "slotDescriptionNodes", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "suffix" })
+    queryAssignedElements({ slot: "suffix", flatten: true })
 ], Input.prototype, "slotSuffixNodes", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "prefix" })
+    queryAssignedElements({ slot: "prefix", flatten: true })
 ], Input.prototype, "slotPrefixNodes", void 0);
 __decorate([
     query("input")

package/core/components/ui/form/input-autocomplete/input-autocomplete.d.ts

@@ -4,20 +4,20 @@ import "@supersoniks/concorde/core/components/ui/pop/pop";
 import "@supersoniks/concorde/core/components/functional/queue/queue";
 import "@supersoniks/concorde/core/components/ui/menu/menu-item";
 import { Size } from "../../_css/size";
-import { ResizeController } from "@lit-labs/observers/resize_controller.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
 type ListItem = Record<string, string>;
 declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../../mixins/TemplatesContainer").TemplatesContainerInterface) & {
     new (...args: any[]): {
         validateFormElement(): void;
         forceAutoFill: boolean;
-        _type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
-        type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
+        _type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
+        type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
         _description?: string | undefined;
         description: string | undefined;
         _label?: string | undefined;
         label: string | undefined;
         tabindex?: number | undefined;
-        autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
+        autocomplete?: "url" | "name" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "language" | "nickname" | "organization-title" | "cc-additional-name" | "bday" | "sex" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;
@@ -86,10 +86,7 @@ export declare class InputAutocomplete extends InputAutocomplete_base {
     dataProviderExpression: string;
     select?: boolean;
     key: string;
-    /** The parameter name to use in dataProviderExpression route */
     searchParameter: string;
-    /** The property name to search in the dataProviderExpression result, use "_self" if result is a string list */
-    propertyName: string;
     slotInputPrefixNodes: Array<Node>;
     hasInputPrefix: boolean;
     _resizeController: ResizeController<unknown>;
@@ -109,11 +106,6 @@ export declare class InputAutocomplete extends InputAutocomplete_base {
      * Les fonctions de gestion
      */
     hasSlotOrProps(): void;
-    /**
-     * Run when the formDataProvider's field is updated
-     *
-     * @param value
-     */
     private updateSearchParameter;
     private initSearchParameter;
     private selectListItem;
@@ -123,14 +115,7 @@ export declare class InputAutocomplete extends InputAutocomplete_base {
     private updateActiveSelection;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    /**
-     * @param queueDataProvider
-     * @param itemFinder
-     * @param itemMutator
-     *
-     * @return bool|undefined True if item found, false otherwise, undefined if result is not a list
-     */
-    queryQueueListItem(queueDataProvider: string, itemFinder: (listItem: ListItem) => boolean, itemMutator: (listItem: ListItem) => void): boolean | undefined;
+    queryQueueListItem(queueDataProvider: string, itemFinder: (listItem: ListItem) => boolean, itemMutator: (listItem: ListItem) => void): void;
     setSelectionRange(start: number, end: number): void;
     handleHide(): void;
     render(): import("lit-html").TemplateResult<1>;