@watermarkinsights/ripple 5.6.0-1 → 5.6.0-3

package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js

@@ -0,0 +1,197 @@
+import { h, Host } from "@stencil/core";
+export class Optgroup {
+    constructor() {
+        this.label = undefined;
+        this.isExpanded = false;
+        this.multiple = false;
+    }
+    get parentNestedSelect() {
+        return this.el.parentElement;
+    }
+    isExpandedChanged() {
+        if (this.isExpanded) {
+            this.optgroupExpanded.emit();
+            window.setTimeout(() => {
+                // wait for slide in animation to complete before assigning focus
+                this.optionListEl.handleInitialFocus();
+            }, 250);
+        }
+        else {
+            this.optgroupHidden.emit();
+        }
+    }
+    async emitDeselection() {
+        this.wmOptgroupAllDeselected.emit();
+    }
+    /*
+      componentWillLoad() {
+        this.multiple = this.parentNestedSelect.multiple;
+      }
+    */
+    render() {
+        return (h(Host, { class: `${this.isExpanded ? "visible" : ""}` }, h("div", { class: "return-btn", onClick: () => {
+                this.isExpanded = false;
+            } }, this.label), h("div", { class: `list-wrapper` }, h("priv-option-list", { ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, h("slot", null)))));
+    }
+    static get is() { return "wm-optgroup"; }
+    static get encapsulation() { return "shadow"; }
+    static get delegatesFocus() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["wm-optgroup.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["wm-optgroup.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "isExpanded": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-expanded",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "multiple": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "multiple",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "wmOptgroupAllSelected",
+                "name": "wmOptgroupAllSelected",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "wmOptgroupAllDeselected",
+                "name": "wmOptgroupAllDeselected",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "optgroupExpanded",
+                "name": "optgroupExpanded",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "optgroupHidden",
+                "name": "optgroupHidden",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "emitDeselection": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "isExpanded",
+                "methodName": "isExpandedChanged"
+            }];
+    }
+}

package/dist/collection/components/{wm-select → selects/wm-select}/wm-select.css

@@ -302,80 +302,6 @@
   overflow: auto;
 }
 
-.select-all {
-  width: 100%;
-  cursor: pointer;
-  padding: 1.25rem;
-  border: none;
-  margin: 0;
-  border-bottom: 2px solid;
-  border-color: var(--wmcolor-select-selectall-border);
-  background: var(--wmcolor-select-selectall-background);
-  font-family: inherit;
-  font-size: inherit;
-  text-align: left;
-  text-align: start;
-  font-weight: 500;
-  color: var(--wmcolor-select-selectall-text);
-  user-select: none;
-}
-.select-all:hover, .select-all:focus {
-  outline: none;
-  background: #f4f4f4;
-}
-
-.search {
-  box-sizing: border-box;
-  border-bottom: 2px solid;
-  border-color: var(--wmcolor-select-option-border);
-  padding: 1.25rem;
-}
-.search .searchfield-wrapper {
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  height: 2.75rem;
-  width: 100%;
-  padding: 0 0.75rem;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
-  border-radius: 3px;
-  border: 1px solid;
-  border-color: var(--wmcolor-select-search-border);
-}
-.search .searchfield-wrapper:focus, .search .searchfield-wrapper.focus {
-  outline: 2px solid var(--wmcolor-input-border-focus);
-  border-color: var(--wmcolor-input-border-focus);
-}
-.search .searchfield {
-  width: 100%;
-  border: none;
-  outline: none;
-  font-family: inherit;
-  font-size: 0.875rem;
-  margin-left: 0.25rem;
-}
-.search .icon:before {
-  display: inline-block;
-  font: normal normal normal 24px/1 "Material Design Icons";
-  font-size: inherit;
-  text-rendering: auto;
-  line-height: inherit;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  content: "\f349";
-  color: var(--wmcolor-select-search-icon);
-  font-size: 1.12rem;
-}
-
-.search-results-message {
-  padding: 1.25rem;
-  color: var(--wmcolor-select-searchresults-text);
-  font-size: 0.875rem;
-  font-style: italic;
-}
-
 .rtl > .dropdown {
   -ms-transform-origin: left top;
   -webkit-transform-origin: left top;