@nordhealth/components 1.0.0 → 1.0.1

package/custom-elements.json

@@ -338,6 +338,11 @@
               "description": "The name of the person.",
               "attribute": "name"
             },
+            {
+              "kind": "method",
+              "name": "handleSrcChange",
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "renderImage",
@@ -1110,6 +1115,16 @@
               ],
               "description": "Programmatically move focus to the calendar."
             },
+            {
+              "kind": "method",
+              "name": "handleValueChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocusedDayChange",
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "handleLangChange",
@@ -1339,16 +1354,6 @@
           "kind": "class",
           "description": "",
           "name": "DateSelectEvent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "date",
-              "type": {
-                "text": "Date"
-              },
-              "default": "date"
-            }
-          ],
           "superclass": {
             "name": "NordEvent",
             "module": "/src/common/events.js"
@@ -2397,6 +2402,21 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleCommandsChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleBump",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "focusOnOpen",
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "handleAnimationEnd",
@@ -2600,7 +2620,7 @@
             {
               "kind": "method",
               "name": "ensureInView",
-              "privacy": "private",
+              "privacy": "protected",
               "description": "Scroll to show element"
             },
             {
@@ -2677,15 +2697,6 @@
           "description": "",
           "name": "KeyboardController",
           "members": [
-            {
-              "kind": "field",
-              "name": "host",
-              "type": {
-                "text": "CommandMenu"
-              },
-              "privacy": "private",
-              "default": "host"
-            },
             {
               "kind": "field",
               "name": "globalShortcuts",
@@ -2749,14 +2760,6 @@
               },
               "static": true,
               "default": "\"nord-select\""
-            },
-            {
-              "kind": "field",
-              "name": "command",
-              "type": {
-                "text": "ICommandMenuAction"
-              },
-              "default": "command"
             }
           ],
           "superclass": {
@@ -5573,13 +5576,8 @@
             },
             {
               "kind": "method",
-              "name": "resolve",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string | Promise<string>"
-                }
-              }
+              "name": "handleNameChange",
+              "privacy": "protected"
             }
           ],
           "attributes": [
@@ -6424,16 +6422,6 @@
               "kind": "field",
               "name": "handleLangChange",
               "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "default": "options"
             }
           ]
         }
@@ -7164,6 +7152,16 @@
               ],
               "description": "Hide the popout."
             },
+            {
+              "kind": "method",
+              "name": "handleIdChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange",
+              "privacy": "protected"
+            },
             {
               "kind": "field",
               "name": "updatePosition",
@@ -7528,6 +7526,19 @@
               "attribute": "checked",
               "reflects": true
             },
+            {
+              "kind": "method",
+              "name": "handleCheckedChange",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "previousChecked",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "uncheckSiblings",
@@ -9076,7 +9087,7 @@
             {
               "kind": "method",
               "name": "resizeToFitContent",
-              "privacy": "private"
+              "privacy": "protected"
             },
             {
               "kind": "field",
@@ -9767,7 +9778,12 @@
             },
             {
               "kind": "method",
-              "name": "handleTransition",
+              "name": "handleIdChange",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleStateChange",
               "privacy": "private",
               "parameters": [
                 {
@@ -9986,11 +10002,6 @@
               "name": "observe",
               "privacy": "private",
               "static": true
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "default": "host"
             }
           ]
         }
@@ -10243,16 +10254,6 @@
               "kind": "field",
               "name": "handleFormData",
               "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "default": "options"
             }
           ]
         }
@@ -10284,7 +10285,7 @@
                 "text": "ShortcutController"
               },
               "privacy": "private",
-              "default": "new ShortcutController(this.host, { Escape: this.handleEsc })"
+              "default": "new ShortcutController(host, { Escape: this.handleEsc })"
             },
             {
               "kind": "field",
@@ -10308,16 +10309,6 @@
               "kind": "field",
               "name": "handleClickOut",
               "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "default": "options"
             }
           ]
         }
@@ -10357,16 +10348,6 @@
             {
               "kind": "method",
               "name": "hostDisconnected"
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "default": "options"
             }
           ]
         }
@@ -10442,11 +10423,6 @@
               "name": "syncLightDom",
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "options",
-              "default": "options"
-            },
             {
               "kind": "field",
               "name": "events",
@@ -10492,24 +10468,6 @@
                 "name": "SlotController",
                 "module": "src/common/controllers/SlotController.ts"
               }
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "default": "host",
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "slotName",
-              "default": "slotName",
-              "inheritedFrom": {
-                "name": "SlotController",
-                "module": "src/common/controllers/SlotController.ts"
-              }
             }
           ],
           "superclass": {
@@ -10568,16 +10526,6 @@
             {
               "kind": "method",
               "name": "hostDisconnected"
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "default": "options"
             }
           ]
         }
@@ -10633,16 +10581,6 @@
                   }
                 }
               ]
-            },
-            {
-              "kind": "field",
-              "name": "shortcuts",
-              "default": "shortcuts"
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "default": "target"
             }
           ]
         }
@@ -10717,16 +10655,6 @@
                   }
                 }
               ]
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "slotName",
-              "default": "slotName"
             }
           ]
         }
@@ -10868,16 +10796,309 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/common/decorators/observe.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "observe",
+          "parameters": [
+            {
+              "name": "propertyName",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "lifecycle",
+              "default": "\"update\"",
+              "type": {
+                "text": "ObserveLifecycle"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "observe",
+          "declaration": {
+            "name": "observe",
+            "module": "src/common/decorators/observe.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/common/directives/cond.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "cond"
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof value | typeof nothing"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "if value is truthy, return it, otherwise return nothing"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof trueCase | typeof nothing"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "unknown"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "if condition is truthy, return trueCase, otherwise return nothing"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof trueCase"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "true"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "condition is true, so always return trueCase"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof nothing"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "false"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "condition is false, to will always return nothing"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof trueCase | typeof falseCase"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "unknown"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "falseCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "if condition is truthy, return trueCase, otherwise return falseCase"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof trueCase"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "true"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "falseCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "condition is true, so always return trueCase"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "return": {
+            "type": {
+              "text": "typeof falseCase"
+            }
+          },
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "false"
+              }
+            },
+            {
+              "name": "trueCase",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "falseCase",
+              "type": {
+                "text": "any"
+              }
+            }
+          ],
+          "description": "condition is false, so always return falseCase"
+        },
+        {
+          "kind": "function",
+          "name": "cond",
+          "parameters": [
+            {
+              "name": "condition",
+              "type": {
+                "text": "unknown"
+              }
+            },
+            {
+              "name": "trueCase",
+              "default": "condition",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "falseCase",
+              "default": "nothing",
+              "type": {
+                "text": "any"
+              }
+            }
+          ]
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "cond",
+          "declaration": {
+            "name": "cond",
+            "module": "src/common/directives/cond.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "cond",
@@ -11727,7 +11948,7 @@
               "kind": "field",
               "name": "name",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               }
             },
             {

package/lib/Avatar.js

@@ -1,2 +1,2 @@
-import{_ as e,n as i}from"./query-assigned-elements-37b095c4.js";import{r as t,s as r,$ as s,w as a}from"./lit-element-74b6bb4b.js";import{l as o}from"./if-defined-fe657a02.js";import{e as n}from"./property-03f59dce.js";import{t as l}from"./state-70f38ceb.js";import{s as c}from"./Component-9d373ef3.js";import{f as d}from"./fsm-50373df9.js";const h=t`:host{--n-avatar-size:var(--n-size-icon-l);display:inline-flex;block-size:var(--n-avatar-size);inline-size:var(--n-avatar-size)}.n-avatar{background:var(--n-color-status-info);border-radius:var(--n-border-radius-circle);overflow:hidden;inline-size:100%;block-size:100%}img,svg{inline-size:100%;block-size:auto;object-fit:cover}.n-loading{display:none}:host([size="l"]){--n-avatar-size:var(--n-size-icon-xl)}:host([size=xl]){--n-avatar-size:var(--n-size-icon-xxl)}:host([size=xxl]){--n-avatar-size:calc(var(--n-size-icon-xxl) * 1.5)}`,{transition:v}=d({initial:{"src-set":"loading"},loading:{load:"loaded",error:"initial","src-clear":"initial"},loaded:{"src-set":"loading","src-clear":"initial"}});let f=class extends r{constructor(){super(...arguments),this.state="initial",this.size="m",this.name=""}willUpdate(e){if(e.has("src")){const e=this.src?"src-set":"src-clear";this.state=v(this.state,e)}}render(){return s`<div class="n-avatar">${"initial"!==this.state?this.renderImage():a} ${"loaded"!==this.state?this.renderFallback():a}</div>`}renderImage(){return this.src?s`<img class="n-${this.state}" src="${this.src}" @load="${this.handleLoad}" @error="${this.handleError}" alt="${this.name||""}">`:a}renderFallback(){return s`<svg aria-label="${this.name}" role="${o(this.name?"img":void 0)}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27"><rect fill="var(--n-color-status-info)" height="27" rx="12" width="27" x="0" y="0"></rect><g fill="#fff" opacity=".5"><circle cx="13.5" cy="30" r="13"></circle><circle cx="13.5" cy="11" r="5"></circle></g></svg>`}handleLoad(){this.state=v(this.state,"load")}handleError(){this.state=v(this.state,"error")}};f.styles=[c,h],e([l()],f.prototype,"state",void 0),e([n({reflect:!0})],f.prototype,"size",void 0),e([n({reflect:!0})],f.prototype,"src",void 0),e([n()],f.prototype,"name",void 0),f=e([i("nord-avatar")],f);var m=f;export{m as default};
+import{_ as e,n as r}from"./query-assigned-elements-ef860822.js";import{r as t,s,$ as a,w as i}from"./lit-element-99bdfe5a.js";import{e as o}from"./property-03f59dce.js";import{t as n}from"./state-70f38ceb.js";import{s as l}from"./Component-6bf383d6.js";import{f as c}from"./fsm-50373df9.js";import{c as d}from"./cond-a3e00141.js";import{o as h}from"./observe-a9c6dfb6.js";const v=t`:host{--n-avatar-size:var(--n-size-icon-l);display:inline-flex;block-size:var(--n-avatar-size);inline-size:var(--n-avatar-size)}.n-avatar{background:var(--n-color-status-info);border-radius:var(--n-border-radius-circle);overflow:hidden;inline-size:100%;block-size:100%}img,svg{inline-size:100%;block-size:auto;object-fit:cover}.n-loading{display:none}:host([size="l"]){--n-avatar-size:var(--n-size-icon-xl)}:host([size=xl]){--n-avatar-size:var(--n-size-icon-xxl)}:host([size=xxl]){--n-avatar-size:calc(var(--n-size-icon-xxl) * 1.5)}`,{transition:m}=c({initial:{"src-set":"loading"},loading:{load:"loaded",error:"initial","src-clear":"initial"},loaded:{"src-set":"loading","src-clear":"initial"}});let f=class extends s{constructor(){super(...arguments),this.state="initial",this.size="m",this.name=""}render(){return a`<div class="n-avatar">${"initial"!==this.state?this.renderImage():i} ${"loaded"!==this.state?this.renderFallback():i}</div>`}handleSrcChange(){const e=this.src?"src-set":"src-clear";this.state=m(this.state,e)}renderImage(){return this.src?a`<img class="n-${this.state}" src="${this.src}" @load="${this.handleLoad}" @error="${this.handleError}" alt="${this.name||""}">`:i}renderFallback(){return a`<svg aria-label="${this.name}" role="${d(this.name,"img")}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27"><rect fill="var(--n-color-status-info)" height="27" rx="12" width="27" x="0" y="0"></rect><g fill="#fff" opacity=".5"><circle cx="13.5" cy="30" r="13"></circle><circle cx="13.5" cy="11" r="5"></circle></g></svg>`}handleLoad(){this.state=m(this.state,"load")}handleError(){this.state=m(this.state,"error")}};f.styles=[l,v],e([n()],f.prototype,"state",void 0),e([o({reflect:!0})],f.prototype,"size",void 0),e([o({reflect:!0})],f.prototype,"src",void 0),e([o()],f.prototype,"name",void 0),e([h("src")],f.prototype,"handleSrcChange",null),f=e([r("nord-avatar")],f);var p=f;export{p as default};
 //# sourceMappingURL=Avatar.js.map