@silexlabs/grapesjs-advanced-selector 1.0.1

package/dist/model/ComplexSelector.d.ts

@@ -0,0 +1,34 @@
+import { CompoundSelector } from './CompoundSelector';
+import { Operator } from './Operator';
+export interface ComplexSelector {
+    mainSelector: CompoundSelector;
+    operator?: Operator;
+    relatedSelector?: CompoundSelector;
+    atRule?: string;
+}
+export declare const EMPTY_SELECTOR: ComplexSelector;
+export declare function toString(cs: ComplexSelector): string;
+export declare function specificity(cs: ComplexSelector): number;
+/**
+ * Parses a CSS selector string and converts it into a ComplexSelector model
+ * @example fromString('div > .class') // { mainSelector: { selectors: [{ type: 'tag', value: 'div' }] }, operator: { isCombinator: true, value: '>' }, relatedSelector: { selectors: [{ type: 'class', value: 'class' }] } }
+ * @example fromString('.main:has(.related)') // { mainSelector: { selectors: [{ type: 'class', value: 'main' }] }, operator: { isCombinator: false, value: ':has' }, relatedSelector: { selectors: [{ type: 'class', value: 'related' }] } }
+ */
+export declare function fromString(selector: string, atRule: string): ComplexSelector;
+/**
+ * Merge two ComplexSelectors into one
+ * This will add the relatedSelector of cs2 to the mainSelector of cs1, same for the relatedSelector
+ * If both selectors have an operator, the operator of cs1 will be kept
+ */
+export declare function merge(cs1: ComplexSelector, cs2: ComplexSelector): ComplexSelector;
+/**
+ * Activate or deactivate the selectors of a ComplexSelector (main and related)
+ * Depending on the selectors of another ComplexSelector
+ * @example activateSelectors({ mainSelector: { selectors: [{ type: 'tag', value: 'div', active: false }, { type: 'class', value: '.test', active: true }] }, { mainSelector: { selectors: [{ type: 'tag', value: 'div', active: true }] }) // { mainSelector: { selectors: [{ type: 'tag', value: 'div', active: true }, { type: 'class', value: '.test', active: false } }
+ */
+export declare function activateSelectors(cs: ComplexSelector, other: ComplexSelector): ComplexSelector;
+/**
+ * Make sure all ComplexSelectors have the same mainSelector, operator, and relatedSelector
+ */
+export declare function same(all: ComplexSelector[]): ComplexSelector | false;
+//# sourceMappingURL=ComplexSelector.d.ts.map

package/dist/model/ComplexSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComplexSelector.d.ts","sourceRoot":"","sources":["../../src/model/ComplexSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAyJ,MAAM,oBAAoB,CAAA;AAC5M,OAAO,EAAE,QAAQ,EAAkE,MAAM,YAAY,CAAA;AAErG,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,gBAAgB,CAAA;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,cAAc,EAItB,eAAe,CAAA;AAEpB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,eAAe,GAAG,MAAM,CAWpD;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,eAAe,GAAG,MAAM,CAYvD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,eAAe,CAuC5E;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,GAAG,EAAE,eAAe,EAAE,GAAG,EAAE,eAAe,GAAG,eAAe,CASjF;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,GAAG,eAAe,CAiB9F;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,GAAG,EAAE,eAAe,EAAE,GAAG,eAAe,GAAG,KAAK,CAiBpE"}

package/dist/model/ComplexSelector.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ComplexSelector.test.d.ts.map

package/dist/model/ComplexSelector.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComplexSelector.test.d.ts","sourceRoot":"","sources":["../../src/model/ComplexSelector.test.ts"],"names":[],"mappings":""}

package/dist/model/CompoundSelector.d.ts

@@ -0,0 +1,25 @@
+import { PseudoClass } from './PseudoClass';
+import { SimpleSelector } from './SimpleSelector';
+export type CompoundSelector = {
+    selectors: SimpleSelector[];
+    pseudoClass?: PseudoClass | null;
+};
+/**
+ * Get the full CSS selector string from a CompoundSelector
+ */
+export declare function toString(cs: CompoundSelector): string;
+export declare function specificity(compound: CompoundSelector): number;
+/**
+ * Parses a CSS selector string and converts it into a CompoundSelector model.
+ * @example fromString('div.class') // { selectors: [{ type: 'tag', value: 'div' }, { type: 'class', value: 'class' }] }
+ */
+export declare function fromString(selectorStr: string): CompoundSelector;
+/**
+ * Merge two CompoundSelectors into one
+ */
+export declare function merge(cs1: CompoundSelector, cs2: CompoundSelector): CompoundSelector;
+/**
+ * Activate or deactivate the selectors of `targetSelectors` based on `referenceSelectors`
+ */
+export declare function updateActivation(targetSelectors: SimpleSelector[], referenceSelectors: SimpleSelector[]): SimpleSelector[];
+//# sourceMappingURL=CompoundSelector.d.ts.map

package/dist/model/CompoundSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundSelector.d.ts","sourceRoot":"","sources":["../../src/model/CompoundSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,cAAc,EAA8N,MAAM,kBAAkB,CAAA;AAG7Q,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACjC,CAAA;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,gBAAgB,GAAG,MAAM,CAYrD;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,gBAAgB,UAMrD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,WAAW,EAAE,MAAM,GAAG,gBAAgB,CAwDhE;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,gBAAgB,GAAG,gBAAgB,CAapF;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,eAAe,EAAE,cAAc,EAAE,EAAE,kBAAkB,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAQ1H"}

package/dist/model/CompoundSelector.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CompoundSelector.test.d.ts.map

package/dist/model/CompoundSelector.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundSelector.test.d.ts","sourceRoot":"","sources":["../../src/model/CompoundSelector.test.ts"],"names":[],"mappings":""}

package/dist/model/GrapesJsSelectors.d.ts

@@ -0,0 +1,48 @@
+import { Component, Editor } from 'grapesjs';
+import { ComplexSelector } from './ComplexSelector';
+import { SimpleSelector } from './SimpleSelector';
+export declare function getTranslation(editor: Editor, key: string): string;
+export declare function getUntranslatedKeys(): string[];
+/**
+ * Get all selectors that match the selected component
+ */
+export declare function getSelectors(editor: Editor): ComplexSelector[];
+/**
+ * Function to edit or add style based on the selector
+ */
+export declare function editStyle(editor: Editor, selector: string): void;
+/**
+ * Check if all the selected components are selected by the provided selector
+ */
+export declare function matchSelectorAll(selector: string, components: Component[]): boolean;
+/**
+ * Check if some of the selected components are selected by the provided selector
+ */
+export declare function matchSelectorSome(selector: string, components: Component[]): boolean;
+/**
+ * Remove the style (rules) for the current selector (edited selector)
+ */
+export declare function clearStyle(editor: Editor): void;
+export declare function getSelectedStyle(editor: Editor): any;
+export declare function setSelectedStyle(editor: Editor, style: any): void;
+export declare function renameSelector(editor: Editor, oldSelector: SimpleSelector, newSelector: SimpleSelector): void;
+/**
+ * Store a selector in a component's attributes
+ */
+export declare function setComponentSelector(component: Component, selector: ComplexSelector): void;
+export declare function getComponentSelector(component: Component): ComplexSelector;
+/**
+ * Get the suggestions for the selected components which have the provided selector
+ * We want to suggest the main selector:
+ * - The component tag name and ID
+ * - Any classes that are in the current website (will be added to the component if selected) but no classes that are already in the component
+ */
+export declare function getSuggestionsMain(editor: Editor, components: Component[], selector: ComplexSelector): SimpleSelector[];
+/**
+ * Get the suggestions for the related selectors. Depending on the operator (> => look for children, '+' => look for siblings, ' ' => look for parents):
+ * - Any classes that are in the parents/children/siblings of the selected components
+ * - Add the classes that are on each parent/child/sibling but not on the selected components
+ * - Same for IDs, tag names
+ */
+export declare function getSuggestionsRelated(editor: Editor, components: Component[], selector: ComplexSelector): SimpleSelector[];
+//# sourceMappingURL=GrapesJsSelectors.d.ts.map

package/dist/model/GrapesJsSelectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrapesJsSelectors.d.ts","sourceRoot":"","sources":["../../src/model/GrapesJsSelectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,EAAY,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,eAAe,EAA8B,MAAM,mBAAmB,CAAA;AAC/E,OAAO,EAAuF,cAAc,EAAyC,MAAM,kBAAkB,CAAA;AAO7K,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAOlE;AAED,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAE9C;AAID;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,eAAe,EAAE,CAiC9D;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAazD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,OAAO,CAMnF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,OAAO,CAMpF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,QAQxC;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,CAGpD;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAG1D;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,QAiCtG;AAmDD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,QAmBnF;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,SAAS,GAAG,eAAe,CA+B1E;AAID;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,eAAe,GAAG,cAAc,EAAE,CA2CvH;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,eAAe,GAAG,cAAc,EAAE,CAuF1H"}

package/dist/model/GrapesJsSelectors.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GrapesJsSelectors.test.d.ts.map

package/dist/model/GrapesJsSelectors.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrapesJsSelectors.test.d.ts","sourceRoot":"","sources":["../../src/model/GrapesJsSelectors.test.ts"],"names":[],"mappings":""}

package/dist/model/Operator.d.ts

@@ -0,0 +1,28 @@
+import { CompoundSelector } from './CompoundSelector';
+/**
+ * @fileoverview An Operator is either a combinator or a relational pseudo-class
+ */
+export declare enum OperatorType {
+    HAS = "has",
+    NOT = "not",
+    IS = "is",
+    WHERE = "where",
+    CHILD = ">",
+    DESCENDANT = " ",
+    ADJACENT = "+",
+    GENERAL_SIBLING = "~"
+}
+export interface Operator {
+    type: OperatorType;
+    hasParam: boolean;
+    sentencePre: string;
+    sentencePost?: string;
+    helpLink: string;
+    isCombinator: boolean;
+    displayName?: string;
+    stringRepresentation: string;
+}
+export declare const OPERATORS: Operator[];
+export declare function toString(op: Operator, sel?: CompoundSelector): string;
+export declare function fromString(operatorStr: string): Operator;
+//# sourceMappingURL=Operator.d.ts.map

package/dist/model/Operator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Operator.d.ts","sourceRoot":"","sources":["../../src/model/Operator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAgC,MAAM,oBAAoB,CAAA;AAEnF;;GAEG;AAEH,oBAAY,YAAY;IACtB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,KAAK,UAAU;IACf,KAAK,MAAM;IACX,UAAU,MAAM;IAChB,QAAQ,MAAM;IACd,eAAe,MAAM;CACtB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,YAAY,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,QAAQ,EAyE/B,CAAA;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAiBrE;AAED,wBAAgB,UAAU,CAAC,WAAW,EAAE,MAAM,GAAG,QAAQ,CAMxD"}

package/dist/model/Operator.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Operator.test.d.ts.map

package/dist/model/Operator.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Operator.test.d.ts","sourceRoot":"","sources":["../../src/model/Operator.test.ts"],"names":[],"mappings":""}

package/dist/model/PseudoClass.d.ts

@@ -0,0 +1,56 @@
+export declare enum PseudoClassType {
+    HOVER = "hover",
+    ACTIVE = "active",
+    FOCUS = "focus",
+    FOCUS_WITHIN = "focus-within",
+    FOCUS_VISIBLE = "focus-visible",
+    VISITED = "visited",
+    LINK = "link",
+    ANY_LINK = "any-link",// Deprecated, but some usage
+    FIRST_CHILD = "first-child",
+    LAST_CHILD = "last-child",
+    NTH_CHILD = "nth-child",
+    NTH_LAST_CHILD = "nth-last-child",
+    ONLY_CHILD = "only-child",
+    FIRST_OF_TYPE = "first-of-type",
+    LAST_OF_TYPE = "last-of-type",
+    NTH_OF_TYPE = "nth-of-type",
+    NTH_LAST_OF_TYPE = "nth-last-of-type",
+    ONLY_OF_TYPE = "only-of-type",
+    EMPTY = "empty",
+    ROOT = "root",
+    SCOPE = "scope",
+    TARGET = "target",
+    ENABLED = "enabled",
+    DISABLED = "disabled",
+    CHECKED = "checked",
+    INDETERMINATE = "indeterminate",
+    DEFAULT = "default",
+    VALID = "valid",
+    INVALID = "invalid",
+    IN_RANGE = "in-range",
+    OUT_OF_RANGE = "out-of-range",
+    REQUIRED = "required",
+    OPTIONAL = "optional",
+    READ_ONLY = "read-only",
+    READ_WRITE = "read-write",
+    LANG = "lang",
+    DIR = "dir"
+}
+export interface PseudoClass {
+    type: PseudoClassType;
+    hasParam: boolean;
+    param?: string | null;
+    sentencePre: string;
+    sentencePost?: string;
+    helpLink?: string;
+    displayName?: string;
+}
+export declare const PSEUDO_CLASSES: PseudoClass[];
+export declare function toString(pseudoClass: PseudoClass): string;
+/**
+ * @example fromString(':hover') // { type: 'hover', hasParam: false, sentencePre: 'On mouse', helpLink: 'https://developer.mozilla.org/en-US/docs/Web/CSS/:hover' }
+ * @example fromString(':nth-child(2n+1) // { type: 'nth-child', hasParam: true, param: '2n+1', sentencePre: 'When it is the', helpLink: 'https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child' }
+ */
+export declare function fromString(pseudoClassStr: string): PseudoClass;
+//# sourceMappingURL=PseudoClass.d.ts.map

package/dist/model/PseudoClass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PseudoClass.d.ts","sourceRoot":"","sources":["../../src/model/PseudoClass.ts"],"names":[],"mappings":"AAGA,oBAAY,eAAe;IAEzB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAG/B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,QAAQ,aAAa,CAAE,6BAA6B;IAGpD,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,cAAc,mBAAmB;IACjC,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;IAG7B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IAGjB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,YAAY,iBAAiB;IAC7B,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,UAAU,eAAe;IAGzB,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,eAAe,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAKD,eAAO,MAAM,cAAc,EAAE,WAAW,EA0CvC,CAAA;AAKD,wBAAgB,QAAQ,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,CAMzD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,MAAM,GAAG,WAAW,CAkB9D"}

package/dist/model/PseudoClass.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PseudoClass.test.d.ts.map

package/dist/model/PseudoClass.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PseudoClass.test.d.ts","sourceRoot":"","sources":["../../src/model/PseudoClass.test.ts"],"names":[],"mappings":""}

package/dist/model/SimpleSelector.d.ts

@@ -0,0 +1,104 @@
+/**
+ * @fileoverview The model types and functions for the simple selector
+ * A Simple selector is made of a list of simple selectors, e.g `div`, `.class`, `#id`, `[attr=^value]`
+ */
+/**
+ * The type of the simple selector
+ */
+export declare enum SimpleSelectorType {
+    TAG = "tag",
+    CUSTOM_TAG = "custom-tag",
+    CLASS = "class",
+    ID = "id",
+    ATTRIBUTE = "attribute",
+    UNIVERSAL = "universal",
+    UNKNOWN = "unknown"
+}
+/**
+ * The type for tag selectors
+ */
+export type TAG = 'a' | 'abbr' | 'address' | 'area' | 'article' | 'aside' | 'audio' | 'b' | 'base' | 'bdi' | 'bdo' | 'blockquote' | 'body' | 'br' | 'button' | 'canvas' | 'caption' | 'cite' | 'code' | 'col' | 'colgroup' | 'data' | 'datalist' | 'dd' | 'del' | 'details' | 'dfn' | 'dialog' | 'div' | 'dl' | 'dt' | 'em' | 'embed' | 'fieldset' | 'figcaption' | 'figure' | 'footer' | 'form' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'head' | 'header' | 'hgroup' | 'hr' | 'html' | 'i' | 'iframe' | 'img' | 'input' | 'ins' | 'kbd' | 'label' | 'legend' | 'li' | 'link' | 'main' | 'map' | 'mark' | 'meta' | 'meter' | 'nav' | 'noscript' | 'object' | 'ol' | 'optgroup' | 'option' | 'output' | 'p' | 'param' | 'picture' | 'pre' | 'progress' | 'q' | 'rb' | 'rp' | 'rt' | 'rtc' | 'ruby' | 's' | 'samp' | 'script' | 'section' | 'select' | 'slot' | 'small' | 'source' | 'span' | 'strong' | 'style' | 'sub' | 'summary' | 'sup' | 'table' | 'tbody' | 'td' | 'template' | 'textarea' | 'tfoot' | 'th' | 'thead' | 'time' | 'title' | 'tr' | 'track' | 'u' | 'ul' | 'var' | 'video' | 'wbr';
+/**
+ * A simple selector interface
+ * This is a virtual interface to be overridden by the specific simple selector types
+ */
+export interface SimpleSelector {
+    type: SimpleSelectorType;
+    active: boolean;
+}
+export interface SimpleSelectorSuggestion extends SimpleSelector {
+    createText?: string;
+    createValue?: string;
+    keepEditing?: boolean;
+}
+export interface TagSelector extends SimpleSelector {
+    type: SimpleSelectorType.TAG;
+    value: TAG;
+}
+export interface IdSelector extends SimpleSelector {
+    type: SimpleSelectorType.ID;
+    value: string;
+}
+export interface ClassSelector extends SimpleSelector {
+    type: SimpleSelectorType.CLASS;
+    value: string;
+}
+export declare enum AttributeOperatorType {
+    EQUALS = "=",
+    INCLUDES = "~=",
+    DASH_MATCH = "|=",
+    PREFIX_MATCH = "^=",
+    SUFFIX_MATCH = "$=",
+    SUBSTRING_MATCH = "*="
+}
+export interface AttributeSelector extends SimpleSelector {
+    type: SimpleSelectorType.ATTRIBUTE;
+    value: string;
+    operator?: AttributeOperatorType;
+    attributeValue?: string;
+}
+export interface UniversalSelector extends SimpleSelector {
+    type: SimpleSelectorType.UNIVERSAL;
+}
+export interface CustomTagSelector extends SimpleSelector {
+    type: SimpleSelectorType.CUSTOM_TAG;
+    value: string;
+}
+export declare const ATTRIBUTES: string[];
+export declare const ATTRIBUTE_OPERATORS: string[];
+export declare const SELECTOR_PREFIXES: string[];
+export declare const TAGS: TAG[];
+export declare const ESCAPE_CHARS: string[];
+export declare const COLOR_FOR_TYPE: {
+    tag: string;
+    "custom-tag": string;
+    class: string;
+    id: string;
+    attribute: string;
+    universal: string;
+    unknown: string;
+};
+/**
+ * Compare two simple selectors to see if they are the same
+ */
+export declare function isSameSelector(a: SimpleSelector, b: SimpleSelector, ignoreActive?: boolean): boolean;
+export declare function toString(selector: SimpleSelector): string;
+export declare function getDisplayType(selector: SimpleSelector): string;
+export declare function getDisplayName(selector: SimpleSelector): string;
+export declare function getEditableName(selector: SimpleSelector): string;
+/**
+ * Determines if the value is valid for the selector
+ * If not valid, will try to suggest a valid value
+ */
+export declare function validate(_value: string): string | false;
+/**
+ * Get a list of suggestions, filtered and with creation suggestions
+ */
+export declare function suggest(filter: string, suggestions: SimpleSelector[]): SimpleSelectorSuggestion[];
+export declare function getCreationSuggestions(validated: string | false): SimpleSelectorSuggestion[];
+export declare function specificity(selector: SimpleSelector, ignoreActive?: boolean): number;
+/**
+ * Returns a sorting priority for selectors based on CSS specificity rules.
+ */
+export declare function getSelectorPriority(selector: SimpleSelector): number;
+//# sourceMappingURL=SimpleSelector.d.ts.map

package/dist/model/SimpleSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSelector.d.ts","sourceRoot":"","sources":["../../src/model/SimpleSelector.ts"],"names":[],"mappings":"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"}

package/dist/model/SimpleSelector.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SimpleSelector.test.d.ts.map

package/dist/model/SimpleSelector.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSelector.test.d.ts","sourceRoot":"","sources":["../../src/model/SimpleSelector.test.ts"],"names":[],"mappings":""}

package/dist/plugin.d.ts

@@ -0,0 +1,16 @@
+import { Editor } from 'grapesjs';
+export type AdvancedSelectorOptions = {
+    i18n: {
+        [key: string]: string;
+    };
+    helpLinks: {
+        actionBar: string;
+    };
+};
+type CustomSelectorEventProps = {
+    container: HTMLElement;
+};
+export declare function initListeners(editor: Editor, options: AdvancedSelectorOptions): void;
+export declare function initASM(editor: Editor, options: AdvancedSelectorOptions, props?: CustomSelectorEventProps): void;
+export {};
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,UAAU,CAAA;AAQ5C,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE;QACJ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KACtB,CAAA;IACD,SAAS,EAAE;QACT,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,WAAW,CAAA;CACvB,CAAA;AASD,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,uBAAuB,QA2B7E;AAED,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,wBAAwB,QAQzG"}

package/dist/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const INVISIBLE_SELECT: import("lit").CSSResult;
+export declare const INVISIBLE_INPUT: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAQ5B,CAAA;AAED,eAAO,MAAM,eAAe,yBAM3B,CAAA"}

package/eslint.config.mjs

@@ -0,0 +1,20 @@
+// @ts-check
+
+import eslint from '@eslint/js'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  eslint.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    rules: {
+      'indent': ['error', 2],
+      'semi': ['error', 'never'],
+      'quotes': ['error', 'single'],
+      'no-case-declarations': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unused-vars': ['error'],
+      'object-curly-spacing': ['error', 'always'] // Add this line
+    }
+  }
+)

package/jest.config.cjs

@@ -0,0 +1,11 @@
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  roots: ['<rootDir>/src'],
+  moduleFileExtensions: ['ts', 'js'],
+  transform: {
+    '^.+\\.ts$': 'ts-jest',
+    '^.+\\.js$': 'babel-jest',
+  },
+  testMatch: ['**/*.test.ts', '**/*.test.js'], // Matches both .test.ts and .test.js files
+};

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@silexlabs/grapesjs-advanced-selector",
+  "version": "1.0.1",
+  "description": "Grapesjs Advanced Selector",
+  "main": "dist/index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/silexlabs/@silexlabs/grapesjs-advanced-selector.git"
+  },
+  "scripts": {
+    "NOT_YET_postinstall": "$npm_execpath run build",
+    "start": "grapesjs-cli serve",
+    "dev": "grapesjs-cli serve & http-server -p 8081 ../../node_modules/grapesjs",
+    "build": "grapesjs-cli build --patch=false",
+    "bump": "npm version patch -m 'Bump v%s'",
+    "lint": "eslint 'src/**/*.{ts,tsx}'",
+    "lint:fix": "eslint 'src/**/*.{ts,tsx}' --fix",
+    "test": "jest",
+    "test:watch": "jest --watchAll",
+    "prepare": "husky"
+  },
+  "keywords": [
+    "grapesjs",
+    "plugin"
+  ],
+  "devDependencies": {
+    "@babel/preset-env": "^7.26.7",
+    "@eslint/js": "^9.19.0",
+    "@types/eslint__js": "^8.42.3",
+    "@types/jest": "^29.5.14",
+    "babel-jest": "^29.7.0",
+    "eslint": "^9.19.0",
+    "grapesjs": "^0.22.5",
+    "grapesjs-cli": "^4.1.3",
+    "husky": "^9.1.7",
+    "jest": "^29.7.0",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.23.0"
+  },
+  "license": "MIT",
+  "contributors": [
+    "Alex Hoyau (https://github.com/lexoyo)"
+  ],
+  "dependencies": {
+    "@silexlabs/expression-input": "^0.0.27",
+    "lit": "^3.2.1",
+    "specificity": "^1.0.0"
+  }
+}