@descope/web-components-ui 1.0.348 → 1.0.350

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. package/dist/cjs/index.cjs.js +183 -3
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +831 -610
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/umd/1612.js +116 -4
  6. package/dist/umd/3227.js +17 -0
  7. package/dist/umd/4024.js +116 -4
  8. package/dist/umd/4028.js +121 -9
  9. package/dist/umd/4052.js +116 -4
  10. package/dist/umd/4978.js +1 -1
  11. package/dist/umd/5135.js +2 -2
  12. package/dist/umd/602.js +114 -2
  13. package/dist/umd/9562.js +116 -4
  14. package/dist/umd/DescopeDev.js +1 -1
  15. package/dist/umd/descope-button-index-js.js +116 -4
  16. package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +3 -3
  17. package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js +90 -0
  18. package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js.LICENSE.txt +17 -0
  19. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +1 -1
  20. package/dist/umd/descope-grid-index-js.js +1 -1
  21. package/dist/umd/index.js +1 -1
  22. package/package.json +1 -1
  23. package/src/components/descope-grid/GridClass.js +115 -6
  24. package/src/components/descope-grid/descope-grid-item-details-column/GridItemDetailsColumnClass.js +37 -0
  25. package/src/components/descope-grid/descope-grid-item-details-column/index.js +8 -0
  26. package/src/components/descope-grid/helpers.js +54 -0
  27. package/src/components/descope-grid/index.js +2 -0
  28. package/src/helpers/index.js +8 -0
  29. package/src/theme/components/grid.js +11 -0
  30. package/dist/umd/2362.js +0 -129
  31. /package/dist/umd/{2362.js.LICENSE.txt → 3227.js.LICENSE.txt} +0 -0
package/dist/umd/1612.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*! For license information please see 1612.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1612,4024,9562,4052],{95229:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(91014).o)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},52628:(t,e,o)=>{o.d(e,{L:()=>r});const r=(0,o(91014).o)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},58298:(t,e,o)=>{o.d(e,{N:()=>a});var r=o(95229);const a=t=>class extends((0,r.f)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},17078:(t,e,o)=>{o.d(e,{z:()=>b});var r=o(74241),a=o(16155),i=o(52807),n=o(12521),s=o(34463),l=o(46570);const d=o(9392).iv`
2
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1612,4024,9562,4052],{95229:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(91014).o)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},21360:(t,e,o)=>{o.d(e,{W:()=>n});var r=o(91014),i=o(3550);const n=(0,r.o)((t=>class extends t{get _keyboardActive(){return(0,i.LQ)()}ready(){this.addEventListener("focusin",(t=>{this._shouldSetFocus(t)&&this._setFocused(!0)})),this.addEventListener("focusout",(t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)})),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}}))},3550:(t,e,o)=>{o.d(e,{GF:()=>c,GO:()=>h,Gf:()=>i,LQ:()=>n,Qw:()=>u});let r=!1;function i(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function n(){return r}function a(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const o=window.getComputedStyle(t);return"hidden"===o.visibility||"none"===o.display}function s(t,e){const o=Math.max(t.tabIndex,0),r=Math.max(e.tabIndex,0);return 0===o||0===r?r>o:o>r}function l(t){const e=t.length;if(e<2)return t;const o=Math.ceil(e/2);return function(t,e){const o=[];for(;t.length>0&&e.length>0;)s(t[0],e[0])?o.push(e.shift()):o.push(t.shift());return o.concat(t,e)}(l(t.slice(0,o)),l(t.slice(o)))}function c(t){return null===t.offsetParent&&0===t.clientWidth&&0===t.clientHeight||a(t)}function u(t){return t.getRootNode().activeElement===t}function d(t,e){if(t.nodeType!==Node.ELEMENT_NODE||a(t))return!1;const o=t,r=function(t){if(!function(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(t))return-1;const e=t.getAttribute("tabindex")||0;return Number(e)}(o);let i=r>0;r>=0&&e.push(o);let n=[];return n="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...n].forEach((t=>{i=d(t,e)||i})),i}function h(t){const e=[];return d(t,e)?l(e):e}window.addEventListener("keydown",(()=>{r=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{r=!1}),{capture:!0})},52628:(t,e,o)=>{o.d(e,{L:()=>r});const r=(0,o(91014).o)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},58298:(t,e,o)=>{o.d(e,{N:()=>i});var r=o(95229);const i=t=>class extends((0,r.f)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},17078:(t,e,o)=>{o.d(e,{z:()=>b});var r=o(74241),i=o(16155),n=o(52807),a=o(12521),s=o(34463),l=o(46570);const c=o(9392).iv`
3
3
  :host {
4
4
  display: inline-block;
5
5
  position: relative;
@@ -59,7 +59,7 @@
59
59
  outline-color: GrayText;
60
60
  }
61
61
  }
62
- `;var c=o(61224),u=o(21360),h=o(58298);const m=t=>class extends((0,c.D)((0,h.N)((0,u.W)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.hC)("vaadin-button",d,{moduleId:"vaadin-button-styles"});class b extends(m((0,n.S)((0,l.Tb)((0,a.k)(r.H3))))){static get is(){return"vaadin-button"}static get template(){return r.dy`
62
+ `;var u=o(61224),d=o(21360),h=o(58298);const m=t=>class extends((0,u.D)((0,h.N)((0,d.W)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.hC)("vaadin-button",c,{moduleId:"vaadin-button-styles"});class b extends(m((0,a.S)((0,l.Tb)((0,i.k)(r.H3))))){static get is(){return"vaadin-button"}static get template(){return r.dy`
63
63
  <div class="vaadin-button-container">
64
64
  <span part="prefix" aria-hidden="true">
65
65
  <slot name="prefix"></slot>
@@ -72,7 +72,7 @@
72
72
  </span>
73
73
  </div>
74
74
  <slot name="tooltip"></slot>
75
- `}ready(){super.ready(),this._tooltipController=new s.f(this),this.addController(this._tooltipController)}}(0,i.M)(b)},74750:(t,e,o)=>{o.d(e,{L:()=>a}),o(51195),o(79098),o(29416),o(29849),o(34173);var r=o(46570);const a=r.iv`
75
+ `}ready(){super.ready(),this._tooltipController=new s.f(this),this.addController(this._tooltipController)}}(0,n.M)(b)},74750:(t,e,o)=>{o.d(e,{L:()=>i}),o(51195),o(79098),o(29416),o(29849),o(34173);var r=o(46570);const i=r.iv`
76
76
  :host {
77
77
  /* Sizing */
78
78
  --lumo-button-size: var(--lumo-size-m);
@@ -335,4 +335,116 @@
335
335
  margin-left: 0;
336
336
  margin-right: 0;
337
337
  }
338
- `;(0,r.hC)("vaadin-button",a,{moduleId:"lumo-button"})},71721:(t,e,o)=>{o(74750),o(17078)},61037:(t,e,o)=>{o.d(e,{Dt:()=>i,G6:()=>c,T:()=>u,gn:()=>d,i7:()=>n,vU:()=>s});const r=t=>t.test(navigator.userAgent),a=t=>t.test(navigator.platform),i=r(/Android/u),n=r(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=r(/Firefox/u),l=a(/^iPad/u)||a(/^Mac/u)&&navigator.maxTouchPoints>1,d=a(/^iPhone/u)||l,c=r(/^((?!chrome|android).)*safari/iu),u=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},24946:(t,e,o)=>{o.d(e,{W:()=>i});var r=o(91014);const a=new WeakMap,i=(0,r.o)((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return a.has(t)||a.set(t,new Set),a.get(t)}(t);this.slotStyles.forEach((o=>{e.has(o)||(function(t,e){const o=document.createElement("style");o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))}))}}))}}]);
338
+ `;(0,r.hC)("vaadin-button",i,{moduleId:"lumo-button"})},71721:(t,e,o)=>{o(74750),o(17078)},61037:(t,e,o)=>{o.d(e,{Dt:()=>n,G6:()=>u,T:()=>d,gn:()=>c,i7:()=>a,vU:()=>s});const r=t=>t.test(navigator.userAgent),i=t=>t.test(navigator.platform),n=r(/Android/u),a=r(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=r(/Firefox/u),l=i(/^iPad/u)||i(/^Mac/u)&&navigator.maxTouchPoints>1,c=i(/^iPhone/u)||l,u=r(/^((?!chrome|android).)*safari/iu),d=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},24946:(t,e,o)=>{o.d(e,{W:()=>n});var r=o(91014);const i=new WeakMap,n=(0,r.o)((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return i.has(t)||i.set(t,new Set),i.get(t)}(t);this.slotStyles.forEach((o=>{e.has(o)||(function(t,e){const o=document.createElement("style");o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))}))}}))},34173:(t,e,o)=>{o(24407);var r=o(46570),i=o(32463);const n=r.iv`
339
+ :host {
340
+ /* prettier-ignore */
341
+ --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
342
+
343
+ /* Font sizes */
344
+ --lumo-font-size-xxs: 0.75rem;
345
+ --lumo-font-size-xs: 0.8125rem;
346
+ --lumo-font-size-s: 0.875rem;
347
+ --lumo-font-size-m: 1rem;
348
+ --lumo-font-size-l: 1.125rem;
349
+ --lumo-font-size-xl: 1.375rem;
350
+ --lumo-font-size-xxl: 1.75rem;
351
+ --lumo-font-size-xxxl: 2.5rem;
352
+
353
+ /* Line heights */
354
+ --lumo-line-height-xs: 1.25;
355
+ --lumo-line-height-s: 1.375;
356
+ --lumo-line-height-m: 1.625;
357
+ }
358
+ `,a=r.iv`
359
+ body,
360
+ :host {
361
+ font-family: var(--lumo-font-family);
362
+ font-size: var(--lumo-font-size-m);
363
+ line-height: var(--lumo-line-height-m);
364
+ -webkit-text-size-adjust: 100%;
365
+ -webkit-font-smoothing: antialiased;
366
+ -moz-osx-font-smoothing: grayscale;
367
+ }
368
+
369
+ small,
370
+ [theme~='font-size-s'] {
371
+ font-size: var(--lumo-font-size-s);
372
+ line-height: var(--lumo-line-height-s);
373
+ }
374
+
375
+ [theme~='font-size-xs'] {
376
+ font-size: var(--lumo-font-size-xs);
377
+ line-height: var(--lumo-line-height-xs);
378
+ }
379
+
380
+ :where(h1, h2, h3, h4, h5, h6) {
381
+ font-weight: 600;
382
+ line-height: var(--lumo-line-height-xs);
383
+ margin-block: 0;
384
+ }
385
+
386
+ :where(h1) {
387
+ font-size: var(--lumo-font-size-xxxl);
388
+ }
389
+
390
+ :where(h2) {
391
+ font-size: var(--lumo-font-size-xxl);
392
+ }
393
+
394
+ :where(h3) {
395
+ font-size: var(--lumo-font-size-xl);
396
+ }
397
+
398
+ :where(h4) {
399
+ font-size: var(--lumo-font-size-l);
400
+ }
401
+
402
+ :where(h5) {
403
+ font-size: var(--lumo-font-size-m);
404
+ }
405
+
406
+ :where(h6) {
407
+ font-size: var(--lumo-font-size-xs);
408
+ text-transform: uppercase;
409
+ letter-spacing: 0.03em;
410
+ }
411
+
412
+ p,
413
+ blockquote {
414
+ margin-top: 0.5em;
415
+ margin-bottom: 0.75em;
416
+ }
417
+
418
+ a {
419
+ text-decoration: none;
420
+ }
421
+
422
+ a:where(:any-link):hover {
423
+ text-decoration: underline;
424
+ }
425
+
426
+ hr {
427
+ display: block;
428
+ align-self: stretch;
429
+ height: 1px;
430
+ border: 0;
431
+ padding: 0;
432
+ margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
433
+ background-color: var(--lumo-contrast-10pct);
434
+ }
435
+
436
+ blockquote {
437
+ border-left: 2px solid var(--lumo-contrast-30pct);
438
+ }
439
+
440
+ b,
441
+ strong {
442
+ font-weight: 600;
443
+ }
444
+
445
+ /* RTL specific styles */
446
+ blockquote[dir='rtl'] {
447
+ border-left: none;
448
+ border-right: 2px solid var(--lumo-contrast-30pct);
449
+ }
450
+ `;(0,r.hC)("",a,{moduleId:"lumo-typography"}),(0,i.K)("typography-props",n)}}]);
@@ -0,0 +1,17 @@
1
+ /*! For license information please see 3227.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3227],{16155:(t,e,s)=>{s.d(e,{k:()=>o});const o=(0,s(91014).o)((t=>"function"==typeof t.prototype.addController?t:class extends t{constructor(){super(),this.__controllers=new Set}connectedCallback(){super.connectedCallback(),this.__controllers.forEach((t=>{t.hostConnected&&t.hostConnected()}))}disconnectedCallback(){super.disconnectedCallback(),this.__controllers.forEach((t=>{t.hostDisconnected&&t.hostDisconnected()}))}addController(t){this.__controllers.add(t),void 0!==this.$&&this.isConnected&&t.hostConnected&&t.hostConnected()}removeController(t){this.__controllers.delete(t)}}))},63726:(t,e,s)=>{function o(t){const e=[];for(;t;){if(t.nodeType===Node.DOCUMENT_NODE){e.push(t);break}t.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?t=t.assignedSlot?t.assignedSlot:t.parentNode:(e.push(t),t=t.host)}return e}function i(t){const e=[];let s;return"slot"===t.localName?s=t.assignedElements():(e.push(t),s=[...t.children]),s.forEach((t=>e.push(...i(t)))),e}function n(t,e){return e?e.closest(t)||n(t,e.getRootNode().host):null}function d(t){return t?new Set(t.split(" ")):new Set}function h(t){return t?[...t].join(" "):""}function l(t,e,s){const o=d(t.getAttribute(e));o.add(s),t.setAttribute(e,h(o))}function a(t,e,s){const o=d(t.getAttribute(e));o.delete(s),0!==o.size?t.setAttribute(e,h(o)):t.removeAttribute(e)}function c(t){return t.nodeType===Node.TEXT_NODE&&""===t.textContent.trim()}s.d(e,{$2:()=>l,AD:()=>o,Q4:()=>n,dV:()=>h,eC:()=>c,hK:()=>d,xX:()=>i,x_:()=>a})},12521:(t,e,s)=>{s.d(e,{S:()=>a});var o=s(89387),i=s(87913),n=s(36139),d=s(51914);let h;(0,o.xj)(!1),window.Vaadin||(window.Vaadin={}),window.Vaadin.registrations||(window.Vaadin.registrations=[]),window.Vaadin.developmentModeCallback||(window.Vaadin.developmentModeCallback={}),window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){};const l=new Set,a=t=>class extends((0,d.U)(t)){static finalize(){super.finalize();const{is:t}=this;t&&!l.has(t)&&(window.Vaadin.registrations.push(this),l.add(t),window.Vaadin.developmentModeCallback&&(h=n.dx.debounce(h,i.t$,(()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()})),(0,n.Ex)(h)))}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}}},78591:(t,e,s)=>{s.d(e,{n:()=>d});var o=s(63726),i=s(44932),n=s(73971);class d extends EventTarget{static generateId(t,e){return`${e||"default"}-${t.localName}-${(0,n.l)()}`}constructor(t,e,s,o={}){super();const{initializer:i,multiple:n,observe:d,useUniqueId:h}=o;this.host=t,this.slotName=e,this.tagName=s,this.observe="boolean"!=typeof d||d,this.multiple="boolean"==typeof n&&n,this.slotInitializer=i,n&&(this.nodes=[]),h&&(this.defaultId=this.constructor.generateId(t,e))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let t=this.getSlotChild();t?(this.node=t,this.initAddedNode(t)):(t=this.attachDefaultNode(),this.initNode(t))}initMultiple(){const t=this.getSlotChildren();if(0===t.length){const t=this.attachDefaultNode();t&&(this.nodes=[t],this.initNode(t))}else this.nodes=t,t.forEach((t=>{this.initAddedNode(t)}))}attachDefaultNode(){const{host:t,slotName:e,tagName:s}=this;let o=this.defaultNode;return!o&&s&&(o=document.createElement(s),o instanceof Element&&(""!==e&&o.setAttribute("slot",e),this.node=o,this.defaultNode=o)),o&&t.appendChild(o),o}getSlotChildren(){const{slotName:t}=this;return Array.from(this.host.childNodes).filter((e=>e.nodeType===Node.ELEMENT_NODE&&e.slot===t||e.nodeType===Node.TEXT_NODE&&e.textContent.trim()&&""===t))}getSlotChild(){return this.getSlotChildren()[0]}initNode(t){const{slotInitializer:e}=this;e&&e(t,this.host)}initCustomNode(t){}teardownNode(t){}initAddedNode(t){t!==this.defaultNode&&(this.initCustomNode(t),this.initNode(t))}observeSlot(){const{slotName:t}=this,e=""===t?"slot:not([name])":`slot[name=${t}]`,s=this.host.shadowRoot.querySelector(e);this.__slotObserver=new i.K(s,(({addedNodes:t,removedNodes:e})=>{const s=this.multiple?this.nodes:[this.node],i=t.filter((t=>!(0,o.eC)(t)&&!s.includes(t)));e.length&&(this.nodes=s.filter((t=>!e.includes(t))),e.forEach((t=>{this.teardownNode(t)}))),i&&i.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...s,...i].filter((t=>t!==this.defaultNode)),i.forEach((t=>{this.initAddedNode(t)}))):(this.node&&this.node.remove(),this.node=i[0],this.initAddedNode(this.node)))}))}}},44932:(t,e,s)=>{s.d(e,{K:()=>o});class o{constructor(t,e){this.slot=t,this.callback=e,this._storedNodes=[],this._connected=!1,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),this._schedule()}connect(){this.slot.addEventListener("slotchange",this._boundSchedule),this._connected=!0}disconnect(){this.slot.removeEventListener("slotchange",this._boundSchedule),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,queueMicrotask((()=>{this.flush()})))}flush(){this._connected&&(this._scheduled=!1,this._processNodes())}_processNodes(){const t=this.slot.assignedNodes({flatten:!0});let e=[];const s=[],o=[];t.length&&(e=t.filter((t=>!this._storedNodes.includes(t)))),this._storedNodes.length&&this._storedNodes.forEach(((e,i)=>{const n=t.indexOf(e);-1===n?s.push(e):n!==i&&o.push(e)})),(e.length||s.length||o.length)&&this.callback({addedNodes:e,movedNodes:o,removedNodes:s}),this._storedNodes=t}}},34463:(t,e,s)=>{s.d(e,{f:()=>i});var o=s(78591);class i extends o.n{constructor(t){super(t,"tooltip"),this.setTarget(t)}initCustomNode(t){t.target=this.target,void 0!==this.ariaTarget&&(t.ariaTarget=this.ariaTarget),void 0!==this.context&&(t.context=this.context),void 0!==this.manual&&(t.manual=this.manual),void 0!==this.opened&&(t.opened=this.opened),void 0!==this.position&&(t._position=this.position),void 0!==this.shouldShow&&(t.shouldShow=this.shouldShow),this.__notifyChange()}teardownNode(){this.__notifyChange()}setAriaTarget(t){this.ariaTarget=t;const e=this.node;e&&(e.ariaTarget=t)}setContext(t){this.context=t;const e=this.node;e&&(e.context=t)}setManual(t){this.manual=t;const e=this.node;e&&(e.manual=t)}setOpened(t){this.opened=t;const e=this.node;e&&(e.opened=t)}setPosition(t){this.position=t;const e=this.node;e&&(e._position=t)}setShouldShow(t){this.shouldShow=t;const e=this.node;e&&(e.shouldShow=t)}setTarget(t){this.target=t;const e=this.node;e&&(e.target=t)}__notifyChange(){this.dispatchEvent(new CustomEvent("tooltip-changed",{detail:{node:this.node}}))}}},73971:(t,e,s)=>{s.d(e,{l:()=>i});let o=0;function i(){return o++}},79098:(t,e,s)=>{s(24407);var o=s(46570),i=s(32463);const n=o.iv`
3
+ :host {
4
+ --lumo-size-xs: 1.625rem;
5
+ --lumo-size-s: 1.875rem;
6
+ --lumo-size-m: 2.25rem;
7
+ --lumo-size-l: 2.75rem;
8
+ --lumo-size-xl: 3.5rem;
9
+
10
+ /* Icons */
11
+ --lumo-icon-size-s: 1.25em;
12
+ --lumo-icon-size-m: 1.5em;
13
+ --lumo-icon-size-l: 2.25em;
14
+ /* For backwards compatibility */
15
+ --lumo-icon-size: var(--lumo-icon-size-m);
16
+ }
17
+ `;(0,i.K)("sizing-props",n)}}]);
package/dist/umd/4024.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*! For license information please see 4024.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4024,4052],{95229:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(91014).o)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},52628:(t,e,o)=>{o.d(e,{L:()=>r});const r=(0,o(91014).o)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},58298:(t,e,o)=>{o.d(e,{N:()=>a});var r=o(95229);const a=t=>class extends((0,r.f)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},17078:(t,e,o)=>{o.d(e,{z:()=>b});var r=o(74241),a=o(16155),i=o(52807),n=o(12521),s=o(34463),l=o(46570);const d=o(9392).iv`
2
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4024,4052],{95229:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(91014).o)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},21360:(t,e,o)=>{o.d(e,{W:()=>a});var r=o(91014),i=o(3550);const a=(0,r.o)((t=>class extends t{get _keyboardActive(){return(0,i.LQ)()}ready(){this.addEventListener("focusin",(t=>{this._shouldSetFocus(t)&&this._setFocused(!0)})),this.addEventListener("focusout",(t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)})),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}}))},3550:(t,e,o)=>{o.d(e,{GF:()=>u,GO:()=>h,Gf:()=>i,LQ:()=>a,Qw:()=>c});let r=!1;function i(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function a(){return r}function n(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const o=window.getComputedStyle(t);return"hidden"===o.visibility||"none"===o.display}function s(t,e){const o=Math.max(t.tabIndex,0),r=Math.max(e.tabIndex,0);return 0===o||0===r?r>o:o>r}function l(t){const e=t.length;if(e<2)return t;const o=Math.ceil(e/2);return function(t,e){const o=[];for(;t.length>0&&e.length>0;)s(t[0],e[0])?o.push(e.shift()):o.push(t.shift());return o.concat(t,e)}(l(t.slice(0,o)),l(t.slice(o)))}function u(t){return null===t.offsetParent&&0===t.clientWidth&&0===t.clientHeight||n(t)}function c(t){return t.getRootNode().activeElement===t}function d(t,e){if(t.nodeType!==Node.ELEMENT_NODE||n(t))return!1;const o=t,r=function(t){if(!function(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(t))return-1;const e=t.getAttribute("tabindex")||0;return Number(e)}(o);let i=r>0;r>=0&&e.push(o);let a=[];return a="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...a].forEach((t=>{i=d(t,e)||i})),i}function h(t){const e=[];return d(t,e)?l(e):e}window.addEventListener("keydown",(()=>{r=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{r=!1}),{capture:!0})},52628:(t,e,o)=>{o.d(e,{L:()=>r});const r=(0,o(91014).o)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},58298:(t,e,o)=>{o.d(e,{N:()=>i});var r=o(95229);const i=t=>class extends((0,r.f)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},17078:(t,e,o)=>{o.d(e,{z:()=>b});var r=o(74241),i=o(16155),a=o(52807),n=o(12521),s=o(34463),l=o(46570);const u=o(9392).iv`
3
3
  :host {
4
4
  display: inline-block;
5
5
  position: relative;
@@ -59,7 +59,7 @@
59
59
  outline-color: GrayText;
60
60
  }
61
61
  }
62
- `;var c=o(61224),u=o(21360),h=o(58298);const m=t=>class extends((0,c.D)((0,h.N)((0,u.W)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.hC)("vaadin-button",d,{moduleId:"vaadin-button-styles"});class b extends(m((0,n.S)((0,l.Tb)((0,a.k)(r.H3))))){static get is(){return"vaadin-button"}static get template(){return r.dy`
62
+ `;var c=o(61224),d=o(21360),h=o(58298);const m=t=>class extends((0,c.D)((0,h.N)((0,d.W)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.hC)("vaadin-button",u,{moduleId:"vaadin-button-styles"});class b extends(m((0,n.S)((0,l.Tb)((0,i.k)(r.H3))))){static get is(){return"vaadin-button"}static get template(){return r.dy`
63
63
  <div class="vaadin-button-container">
64
64
  <span part="prefix" aria-hidden="true">
65
65
  <slot name="prefix"></slot>
@@ -72,7 +72,7 @@
72
72
  </span>
73
73
  </div>
74
74
  <slot name="tooltip"></slot>
75
- `}ready(){super.ready(),this._tooltipController=new s.f(this),this.addController(this._tooltipController)}}(0,i.M)(b)},74750:(t,e,o)=>{o.d(e,{L:()=>a}),o(51195),o(79098),o(29416),o(29849),o(34173);var r=o(46570);const a=r.iv`
75
+ `}ready(){super.ready(),this._tooltipController=new s.f(this),this.addController(this._tooltipController)}}(0,a.M)(b)},74750:(t,e,o)=>{o.d(e,{L:()=>i}),o(51195),o(79098),o(29416),o(29849),o(34173);var r=o(46570);const i=r.iv`
76
76
  :host {
77
77
  /* Sizing */
78
78
  --lumo-button-size: var(--lumo-size-m);
@@ -335,4 +335,116 @@
335
335
  margin-left: 0;
336
336
  margin-right: 0;
337
337
  }
338
- `;(0,r.hC)("vaadin-button",a,{moduleId:"lumo-button"})},71721:(t,e,o)=>{o(74750),o(17078)}}]);
338
+ `;(0,r.hC)("vaadin-button",i,{moduleId:"lumo-button"})},71721:(t,e,o)=>{o(74750),o(17078)},34173:(t,e,o)=>{o(24407);var r=o(46570),i=o(32463);const a=r.iv`
339
+ :host {
340
+ /* prettier-ignore */
341
+ --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
342
+
343
+ /* Font sizes */
344
+ --lumo-font-size-xxs: 0.75rem;
345
+ --lumo-font-size-xs: 0.8125rem;
346
+ --lumo-font-size-s: 0.875rem;
347
+ --lumo-font-size-m: 1rem;
348
+ --lumo-font-size-l: 1.125rem;
349
+ --lumo-font-size-xl: 1.375rem;
350
+ --lumo-font-size-xxl: 1.75rem;
351
+ --lumo-font-size-xxxl: 2.5rem;
352
+
353
+ /* Line heights */
354
+ --lumo-line-height-xs: 1.25;
355
+ --lumo-line-height-s: 1.375;
356
+ --lumo-line-height-m: 1.625;
357
+ }
358
+ `,n=r.iv`
359
+ body,
360
+ :host {
361
+ font-family: var(--lumo-font-family);
362
+ font-size: var(--lumo-font-size-m);
363
+ line-height: var(--lumo-line-height-m);
364
+ -webkit-text-size-adjust: 100%;
365
+ -webkit-font-smoothing: antialiased;
366
+ -moz-osx-font-smoothing: grayscale;
367
+ }
368
+
369
+ small,
370
+ [theme~='font-size-s'] {
371
+ font-size: var(--lumo-font-size-s);
372
+ line-height: var(--lumo-line-height-s);
373
+ }
374
+
375
+ [theme~='font-size-xs'] {
376
+ font-size: var(--lumo-font-size-xs);
377
+ line-height: var(--lumo-line-height-xs);
378
+ }
379
+
380
+ :where(h1, h2, h3, h4, h5, h6) {
381
+ font-weight: 600;
382
+ line-height: var(--lumo-line-height-xs);
383
+ margin-block: 0;
384
+ }
385
+
386
+ :where(h1) {
387
+ font-size: var(--lumo-font-size-xxxl);
388
+ }
389
+
390
+ :where(h2) {
391
+ font-size: var(--lumo-font-size-xxl);
392
+ }
393
+
394
+ :where(h3) {
395
+ font-size: var(--lumo-font-size-xl);
396
+ }
397
+
398
+ :where(h4) {
399
+ font-size: var(--lumo-font-size-l);
400
+ }
401
+
402
+ :where(h5) {
403
+ font-size: var(--lumo-font-size-m);
404
+ }
405
+
406
+ :where(h6) {
407
+ font-size: var(--lumo-font-size-xs);
408
+ text-transform: uppercase;
409
+ letter-spacing: 0.03em;
410
+ }
411
+
412
+ p,
413
+ blockquote {
414
+ margin-top: 0.5em;
415
+ margin-bottom: 0.75em;
416
+ }
417
+
418
+ a {
419
+ text-decoration: none;
420
+ }
421
+
422
+ a:where(:any-link):hover {
423
+ text-decoration: underline;
424
+ }
425
+
426
+ hr {
427
+ display: block;
428
+ align-self: stretch;
429
+ height: 1px;
430
+ border: 0;
431
+ padding: 0;
432
+ margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
433
+ background-color: var(--lumo-contrast-10pct);
434
+ }
435
+
436
+ blockquote {
437
+ border-left: 2px solid var(--lumo-contrast-30pct);
438
+ }
439
+
440
+ b,
441
+ strong {
442
+ font-weight: 600;
443
+ }
444
+
445
+ /* RTL specific styles */
446
+ blockquote[dir='rtl'] {
447
+ border-left: none;
448
+ border-right: 2px solid var(--lumo-contrast-30pct);
449
+ }
450
+ `;(0,r.hC)("",n,{moduleId:"lumo-typography"}),(0,i.K)("typography-props",a)}}]);
package/dist/umd/4028.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*! For license information please see 4028.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4028],{62775:(t,e,o)=>{o(51195),o(29849),o(34173);var i=o(90510),s=o(46570);const n=s.iv`
2
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4028],{21360:(t,e,o)=>{o.d(e,{W:()=>s});var i=o(91014),n=o(3550);const s=(0,i.o)((t=>class extends t{get _keyboardActive(){return(0,n.LQ)()}ready(){this.addEventListener("focusin",(t=>{this._shouldSetFocus(t)&&this._setFocused(!0)})),this.addEventListener("focusout",(t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)})),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}}))},3550:(t,e,o)=>{o.d(e,{GF:()=>h,GO:()=>u,Gf:()=>n,LQ:()=>s,Qw:()=>d});let i=!1;function n(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function s(){return i}function a(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const o=window.getComputedStyle(t);return"hidden"===o.visibility||"none"===o.display}function r(t,e){const o=Math.max(t.tabIndex,0),i=Math.max(e.tabIndex,0);return 0===o||0===i?i>o:o>i}function l(t){const e=t.length;if(e<2)return t;const o=Math.ceil(e/2);return function(t,e){const o=[];for(;t.length>0&&e.length>0;)r(t[0],e[0])?o.push(e.shift()):o.push(t.shift());return o.concat(t,e)}(l(t.slice(0,o)),l(t.slice(o)))}function h(t){return null===t.offsetParent&&0===t.clientWidth&&0===t.clientHeight||a(t)}function d(t){return t.getRootNode().activeElement===t}function _(t,e){if(t.nodeType!==Node.ELEMENT_NODE||a(t))return!1;const o=t,i=function(t){if(!function(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(t))return-1;const e=t.getAttribute("tabindex")||0;return Number(e)}(o);let n=i>0;i>=0&&e.push(o);let s=[];return s="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...s].forEach((t=>{n=_(t,e)||n})),n}function u(t){const e=[];return _(t,e)?l(e):e}window.addEventListener("keydown",(()=>{i=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{i=!1}),{capture:!0})},62775:(t,e,o)=>{o(51195),o(29849),o(34173);var i=o(90510),n=o(46570);const s=n.iv`
3
3
  :host {
4
4
  --vaadin-tooltip-offset-top: var(--lumo-space-xs);
5
5
  --vaadin-tooltip-offset-bottom: var(--lumo-space-xs);
@@ -17,7 +17,7 @@
17
17
  [part='content'] {
18
18
  padding: var(--lumo-space-xs) var(--lumo-space-s);
19
19
  }
20
- `;(0,s.hC)("vaadin-tooltip-overlay",[i.I,n],{moduleId:"lumo-tooltip-overlay"});var a=o(74241),r=o(52807),l=o(51914),d=o(6196),h=o(44457),_=o(63373);const c=t=>class extends((0,_.y)((0,h.F)(t))){static get properties(){return{position:{type:String,reflectToAttribute:!0}}}requestContentUpdate(){if(super.requestContentUpdate(),this.toggleAttribute("hidden",""===this.textContent.trim()),this.positionTarget&&this.owner){const t=getComputedStyle(this.owner);["top","bottom","start","end"].forEach((e=>{this.style.setProperty(`--vaadin-tooltip-offset-${e}`,t.getPropertyValue(`--vaadin-tooltip-offset-${e}`))}))}}_updatePosition(){if(super._updatePosition(),this.positionTarget){if("bottom"===this.position||"top"===this.position){const t=this.positionTarget.getBoundingClientRect(),e=this.$.overlay.getBoundingClientRect(),o=t.width/2-e.width/2;if(this.style.left){const t=e.left+o;t>0&&(this.style.left=`${t}px`)}if(this.style.right){const t=parseFloat(this.style.right)+o;t>0&&(this.style.right=`${t}px`)}}if("start"===this.position||"end"===this.position){const t=this.positionTarget.getBoundingClientRect(),e=this.$.overlay.getBoundingClientRect(),o=t.height/2-e.height/2;this.style.top=`${e.top+o}px`}}}},u=s.iv`
20
+ `;(0,n.hC)("vaadin-tooltip-overlay",[i.I,s],{moduleId:"lumo-tooltip-overlay"});var a=o(74241),r=o(52807),l=o(51914),h=o(6196),d=o(44457),_=o(63373);const u=t=>class extends((0,_.y)((0,d.F)(t))){static get properties(){return{position:{type:String,reflectToAttribute:!0}}}requestContentUpdate(){if(super.requestContentUpdate(),this.toggleAttribute("hidden",""===this.textContent.trim()),this.positionTarget&&this.owner){const t=getComputedStyle(this.owner);["top","bottom","start","end"].forEach((e=>{this.style.setProperty(`--vaadin-tooltip-offset-${e}`,t.getPropertyValue(`--vaadin-tooltip-offset-${e}`))}))}}_updatePosition(){if(super._updatePosition(),this.positionTarget){if("bottom"===this.position||"top"===this.position){const t=this.positionTarget.getBoundingClientRect(),e=this.$.overlay.getBoundingClientRect(),o=t.width/2-e.width/2;if(this.style.left){const t=e.left+o;t>0&&(this.style.left=`${t}px`)}if(this.style.right){const t=parseFloat(this.style.right)+o;t>0&&(this.style.right=`${t}px`)}}if("start"===this.position||"end"===this.position){const t=this.positionTarget.getBoundingClientRect(),e=this.$.overlay.getBoundingClientRect(),o=t.height/2-e.height/2;this.style.top=`${e.top+o}px`}}}},c=n.iv`
21
21
  :host {
22
22
  z-index: 1100;
23
23
  }
@@ -51,12 +51,12 @@
51
51
  outline: 1px dashed;
52
52
  }
53
53
  }
54
- `;(0,s.hC)("vaadin-tooltip-overlay",[d.r,u],{moduleId:"vaadin-tooltip-overlay-styles"});class p extends(c((0,l.U)((0,s.Tb)(a.H3)))){static get is(){return"vaadin-tooltip-overlay"}static get template(){return a.dy`
54
+ `;(0,n.hC)("vaadin-tooltip-overlay",[h.r,c],{moduleId:"vaadin-tooltip-overlay-styles"});class p extends(u((0,l.U)((0,n.Tb)(a.H3)))){static get is(){return"vaadin-tooltip-overlay"}static get template(){return a.dy`
55
55
  <div id="backdrop" part="backdrop" hidden></div>
56
56
  <div part="overlay" id="overlay">
57
57
  <div part="content" id="content"><slot></slot></div>
58
58
  </div>
59
- `}ready(){super.ready(),this.owner=this.__dataHost,this.owner._overlayElement=this}}(0,r.M)(p);var v=o(16155),g=o(12521),m=o(61462),A=o(3550),b=o(87913),y=o(36139),f=o(63726),C=o(39320),w=o(78591),x=o(73971);const T=500;let E=T,O=T,B=T;const D=new Set;let L=!1,I=null,M=null;class S{constructor(t){this.host=t}get openedProp(){return this.host.manual?"opened":"_autoOpened"}get focusDelay(){const t=this.host;return null!=t.focusDelay&&t.focusDelay>0?t.focusDelay:E}get hoverDelay(){const t=this.host;return null!=t.hoverDelay&&t.hoverDelay>0?t.hoverDelay:O}get hideDelay(){const t=this.host;return null!=t.hideDelay&&t.hideDelay>0?t.hideDelay:B}get isClosing(){return D.has(this.host)}open(t={immediate:!1}){const{immediate:e,hover:o,focus:i}=t,s=o&&this.hoverDelay>0,n=i&&this.focusDelay>0;e||!s&&!n||this.__closeTimeout?this.__showTooltip():this.__warmupTooltip(n)}close(t){!t&&this.hideDelay>0?this.__scheduleClose():(this.__abortClose(),this._setOpened(!1)),this.__abortWarmUp(),L&&(this.__abortCooldown(),this.__scheduleCooldown())}_isOpened(){return this.host[this.openedProp]}_setOpened(t){this.host[this.openedProp]=t}__flushClosingTooltips(){D.forEach((t=>{t._stateController.close(!0),D.delete(t)}))}__showTooltip(){this.__abortClose(),this.__flushClosingTooltips(),this._setOpened(!0),L=!0,this.__abortWarmUp(),this.__abortCooldown()}__warmupTooltip(t){this._isOpened()||(L?this.__showTooltip():this.__scheduleWarmUp(t))}__abortClose(){this.__closeTimeout&&(clearTimeout(this.__closeTimeout),this.__closeTimeout=null)}__abortCooldown(){M&&(clearTimeout(M),M=null)}__abortWarmUp(){I&&(clearTimeout(I),I=null)}__scheduleClose(){this._isOpened()&&(D.add(this.host),this.__closeTimeout=setTimeout((()=>{D.delete(this.host),this.__closeTimeout=null,this._setOpened(!1)}),this.hideDelay))}__scheduleCooldown(){M=setTimeout((()=>{M=null,L=!1}),this.hideDelay)}__scheduleWarmUp(t){const e=t?this.focusDelay:this.hoverDelay;I=setTimeout((()=>{I=null,L=!0,this.__showTooltip()}),e)}}const P=t=>class extends((0,C.u)(t)){static get properties(){return{ariaTarget:{type:Object},context:{type:Object,value:()=>({})},focusDelay:{type:Number},for:{type:String,observer:"__forChanged"},generator:{type:Object},hideDelay:{type:Number},hoverDelay:{type:Number},manual:{type:Boolean,value:!1,sync:!0},opened:{type:Boolean,value:!1,sync:!0},position:{type:String},shouldShow:{type:Object,value:()=>(t,e)=>!0},target:{type:Object,observer:"__targetChanged"},text:{type:String,observer:"__textChanged"},_autoOpened:{type:Boolean,observer:"__autoOpenedChanged",sync:!0},_effectiveAriaTarget:{type:Object,computed:"__computeAriaTarget(ariaTarget, target)",observer:"__effectiveAriaTargetChanged"},__effectivePosition:{type:String,computed:"__computePosition(position, _position)"},__isTargetHidden:{type:Boolean,value:!1},_isConnected:{type:Boolean,sync:!0},_position:{type:String,value:"bottom"},_srLabel:{type:Object},_overlayContent:{type:String}}}static get observers(){return["__generatorChanged(_overlayElement, generator, context)","__updateSrLabelText(_srLabel, _overlayContent)"]}static setDefaultFocusDelay(t){E=null!=t&&t>=0?t:T}static setDefaultHideDelay(t){B=null!=t&&t>=0?t:T}static setDefaultHoverDelay(t){O=null!=t&&t>=0?t:T}constructor(){super(),this._uniqueId=`vaadin-tooltip-${(0,x.l)()}`,this._renderer=this.__tooltipRenderer.bind(this),this.__onFocusin=this.__onFocusin.bind(this),this.__onFocusout=this.__onFocusout.bind(this),this.__onMouseDown=this.__onMouseDown.bind(this),this.__onMouseEnter=this.__onMouseEnter.bind(this),this.__onMouseLeave=this.__onMouseLeave.bind(this),this.__onKeyDown=this.__onKeyDown.bind(this),this.__onOverlayOpen=this.__onOverlayOpen.bind(this),this.__targetVisibilityObserver=new IntersectionObserver((t=>{t.forEach((t=>this.__onTargetVisibilityChange(t.isIntersecting)))}),{threshold:0}),this._stateController=new S(this)}connectedCallback(){super.connectedCallback(),this._isConnected=!0,document.body.addEventListener("vaadin-overlay-open",this.__onOverlayOpen)}disconnectedCallback(){super.disconnectedCallback(),this._autoOpened&&this._stateController.close(!0),this._isConnected=!1,document.body.removeEventListener("vaadin-overlay-open",this.__onOverlayOpen)}ready(){super.ready(),this._srLabelController=new w.n(this,"sr-label","div",{initializer:t=>{t.id=this._uniqueId,t.setAttribute("role","tooltip"),this._srLabel=t}}),this.addController(this._srLabelController)}__computeHorizontalAlign(t){return["top-end","bottom-end","start-top","start","start-bottom"].includes(t)?"end":"start"}__computeNoHorizontalOverlap(t){return["start-top","start","start-bottom","end-top","end","end-bottom"].includes(t)}__computeNoVerticalOverlap(t){return["top-start","top-end","top","bottom-start","bottom","bottom-end"].includes(t)}__computeVerticalAlign(t){return["top-start","top-end","top","start-bottom","end-bottom"].includes(t)?"bottom":"top"}__computeOpened(t,e,o,i){return i&&(t?e:o)}__computePosition(t,e){return t||e}__autoOpenedChanged(t,e){t?document.addEventListener("keydown",this.__onKeyDown,!0):e&&document.removeEventListener("keydown",this.__onKeyDown,!0)}__forChanged(t){t&&(this.__setTargetByIdDebouncer=y.dx.debounce(this.__setTargetByIdDebouncer,b.YA,(()=>this.__setTargetById(t))))}__setTargetById(t){if(!this.isConnected)return;const e=this.getRootNode().getElementById(t);e?this.target=e:console.warn(`No element with id="${t}" found to show tooltip.`)}__targetChanged(t,e){e&&(e.removeEventListener("mouseenter",this.__onMouseEnter),e.removeEventListener("mouseleave",this.__onMouseLeave),e.removeEventListener("focusin",this.__onFocusin),e.removeEventListener("focusout",this.__onFocusout),e.removeEventListener("mousedown",this.__onMouseDown),this.__targetVisibilityObserver.unobserve(e)),t&&(t.addEventListener("mouseenter",this.__onMouseEnter),t.addEventListener("mouseleave",this.__onMouseLeave),t.addEventListener("focusin",this.__onFocusin),t.addEventListener("focusout",this.__onFocusout),t.addEventListener("mousedown",this.__onMouseDown),requestAnimationFrame((()=>{this.__targetVisibilityObserver.observe(t)})))}__onFocusin(t){this.manual||(0,A.LQ)()&&(this.target.contains(t.relatedTarget)||this.__isShouldShow()&&(this.__focusInside=!0,this.__isTargetHidden||this.__hoverInside&&this._autoOpened||this._stateController.open({focus:!0})))}__onFocusout(t){this.manual||this.target.contains(t.relatedTarget)||(this.__focusInside=!1,this.__hoverInside||this._stateController.close(!0))}__onKeyDown(t){"Escape"===t.key&&(t.stopPropagation(),this._stateController.close(!0))}__onMouseDown(){this._stateController.close(!0)}__onMouseEnter(){this.manual||this.__isShouldShow()&&(this.__hoverInside||(this.__hoverInside=!0,this.__isTargetHidden||this.__focusInside&&this._autoOpened||this._stateController.open({hover:!0})))}__onMouseLeave(t){t.relatedTarget!==this._overlayElement&&this.__handleMouseLeave()}__onOverlayMouseEnter(){this._stateController.isClosing&&this._stateController.open({immediate:!0})}__onOverlayMouseLeave(t){t.relatedTarget!==this.target&&this.__handleMouseLeave()}__handleMouseLeave(){this.manual||(this.__hoverInside=!1,this.__focusInside||this._stateController.close())}__onOverlayOpen(){this.manual||this._overlayElement.opened&&!this._overlayElement._last&&this._stateController.close(!0)}__onTargetVisibilityChange(t){const e=this.__isTargetHidden;this.__isTargetHidden=!t,e&&t&&(this.__focusInside||this.__hoverInside)?this._stateController.open({immediate:!0}):!t&&this._autoOpened&&this._stateController.close(!0)}__isShouldShow(){return"function"!=typeof this.shouldShow||!0===this.shouldShow(this.target,this.context)}__textChanged(t,e){this._overlayElement&&(t||e)&&this._overlayElement.requestContentUpdate()}__tooltipRenderer(t){t.textContent="function"==typeof this.generator?this.generator(this.context):this.text,this._overlayContent=t.textContent}__computeAriaTarget(t,e){return(Array.isArray(t)?t.some((t=>t&&t.nodeType===Node.ELEMENT_NODE)):t)?t:e}__effectiveAriaTargetChanged(t,e){e&&[e].flat().forEach((t=>{(0,f.x_)(t,"aria-describedby",this._uniqueId)})),t&&[t].flat().forEach((t=>{(0,f.$2)(t,"aria-describedby",this._uniqueId)}))}__generatorChanged(t,e,o){t&&(e===this.__oldTextGenerator&&o===this.__oldContext||t.requestContentUpdate(),this.__oldTextGenerator=e,this.__oldContext=o)}__updateSrLabelText(t,e){t&&(t.textContent=e)}};class z extends(P((0,m.I)((0,g.S)((0,v.k)(a.H3))))){static get is(){return"vaadin-tooltip"}static get template(){return a.dy`
59
+ `}ready(){super.ready(),this.owner=this.__dataHost,this.owner._overlayElement=this}}(0,r.M)(p);var m=o(16155),v=o(12521),g=o(61462),A=o(3550),b=o(87913),f=o(36139),y=o(63726),x=o(39320),C=o(78591),w=o(73971);const E=500;let T=E,z=E,O=E;const B=new Set;let L=!1,D=null,S=null;class I{constructor(t){this.host=t}get openedProp(){return this.host.manual?"opened":"_autoOpened"}get focusDelay(){const t=this.host;return null!=t.focusDelay&&t.focusDelay>0?t.focusDelay:T}get hoverDelay(){const t=this.host;return null!=t.hoverDelay&&t.hoverDelay>0?t.hoverDelay:z}get hideDelay(){const t=this.host;return null!=t.hideDelay&&t.hideDelay>0?t.hideDelay:O}get isClosing(){return B.has(this.host)}open(t={immediate:!1}){const{immediate:e,hover:o,focus:i}=t,n=o&&this.hoverDelay>0,s=i&&this.focusDelay>0;e||!n&&!s||this.__closeTimeout?this.__showTooltip():this.__warmupTooltip(s)}close(t){!t&&this.hideDelay>0?this.__scheduleClose():(this.__abortClose(),this._setOpened(!1)),this.__abortWarmUp(),L&&(this.__abortCooldown(),this.__scheduleCooldown())}_isOpened(){return this.host[this.openedProp]}_setOpened(t){this.host[this.openedProp]=t}__flushClosingTooltips(){B.forEach((t=>{t._stateController.close(!0),B.delete(t)}))}__showTooltip(){this.__abortClose(),this.__flushClosingTooltips(),this._setOpened(!0),L=!0,this.__abortWarmUp(),this.__abortCooldown()}__warmupTooltip(t){this._isOpened()||(L?this.__showTooltip():this.__scheduleWarmUp(t))}__abortClose(){this.__closeTimeout&&(clearTimeout(this.__closeTimeout),this.__closeTimeout=null)}__abortCooldown(){S&&(clearTimeout(S),S=null)}__abortWarmUp(){D&&(clearTimeout(D),D=null)}__scheduleClose(){this._isOpened()&&(B.add(this.host),this.__closeTimeout=setTimeout((()=>{B.delete(this.host),this.__closeTimeout=null,this._setOpened(!1)}),this.hideDelay))}__scheduleCooldown(){S=setTimeout((()=>{S=null,L=!1}),this.hideDelay)}__scheduleWarmUp(t){const e=t?this.focusDelay:this.hoverDelay;D=setTimeout((()=>{D=null,L=!0,this.__showTooltip()}),e)}}const M=t=>class extends((0,x.u)(t)){static get properties(){return{ariaTarget:{type:Object},context:{type:Object,value:()=>({})},focusDelay:{type:Number},for:{type:String,observer:"__forChanged"},generator:{type:Object},hideDelay:{type:Number},hoverDelay:{type:Number},manual:{type:Boolean,value:!1,sync:!0},opened:{type:Boolean,value:!1,sync:!0},position:{type:String},shouldShow:{type:Object,value:()=>(t,e)=>!0},target:{type:Object,observer:"__targetChanged"},text:{type:String,observer:"__textChanged"},_autoOpened:{type:Boolean,observer:"__autoOpenedChanged",sync:!0},_effectiveAriaTarget:{type:Object,computed:"__computeAriaTarget(ariaTarget, target)",observer:"__effectiveAriaTargetChanged"},__effectivePosition:{type:String,computed:"__computePosition(position, _position)"},__isTargetHidden:{type:Boolean,value:!1},_isConnected:{type:Boolean,sync:!0},_position:{type:String,value:"bottom"},_srLabel:{type:Object},_overlayContent:{type:String}}}static get observers(){return["__generatorChanged(_overlayElement, generator, context)","__updateSrLabelText(_srLabel, _overlayContent)"]}static setDefaultFocusDelay(t){T=null!=t&&t>=0?t:E}static setDefaultHideDelay(t){O=null!=t&&t>=0?t:E}static setDefaultHoverDelay(t){z=null!=t&&t>=0?t:E}constructor(){super(),this._uniqueId=`vaadin-tooltip-${(0,w.l)()}`,this._renderer=this.__tooltipRenderer.bind(this),this.__onFocusin=this.__onFocusin.bind(this),this.__onFocusout=this.__onFocusout.bind(this),this.__onMouseDown=this.__onMouseDown.bind(this),this.__onMouseEnter=this.__onMouseEnter.bind(this),this.__onMouseLeave=this.__onMouseLeave.bind(this),this.__onKeyDown=this.__onKeyDown.bind(this),this.__onOverlayOpen=this.__onOverlayOpen.bind(this),this.__targetVisibilityObserver=new IntersectionObserver((t=>{t.forEach((t=>this.__onTargetVisibilityChange(t.isIntersecting)))}),{threshold:0}),this._stateController=new I(this)}connectedCallback(){super.connectedCallback(),this._isConnected=!0,document.body.addEventListener("vaadin-overlay-open",this.__onOverlayOpen)}disconnectedCallback(){super.disconnectedCallback(),this._autoOpened&&this._stateController.close(!0),this._isConnected=!1,document.body.removeEventListener("vaadin-overlay-open",this.__onOverlayOpen)}ready(){super.ready(),this._srLabelController=new C.n(this,"sr-label","div",{initializer:t=>{t.id=this._uniqueId,t.setAttribute("role","tooltip"),this._srLabel=t}}),this.addController(this._srLabelController)}__computeHorizontalAlign(t){return["top-end","bottom-end","start-top","start","start-bottom"].includes(t)?"end":"start"}__computeNoHorizontalOverlap(t){return["start-top","start","start-bottom","end-top","end","end-bottom"].includes(t)}__computeNoVerticalOverlap(t){return["top-start","top-end","top","bottom-start","bottom","bottom-end"].includes(t)}__computeVerticalAlign(t){return["top-start","top-end","top","start-bottom","end-bottom"].includes(t)?"bottom":"top"}__computeOpened(t,e,o,i){return i&&(t?e:o)}__computePosition(t,e){return t||e}__autoOpenedChanged(t,e){t?document.addEventListener("keydown",this.__onKeyDown,!0):e&&document.removeEventListener("keydown",this.__onKeyDown,!0)}__forChanged(t){t&&(this.__setTargetByIdDebouncer=f.dx.debounce(this.__setTargetByIdDebouncer,b.YA,(()=>this.__setTargetById(t))))}__setTargetById(t){if(!this.isConnected)return;const e=this.getRootNode().getElementById(t);e?this.target=e:console.warn(`No element with id="${t}" found to show tooltip.`)}__targetChanged(t,e){e&&(e.removeEventListener("mouseenter",this.__onMouseEnter),e.removeEventListener("mouseleave",this.__onMouseLeave),e.removeEventListener("focusin",this.__onFocusin),e.removeEventListener("focusout",this.__onFocusout),e.removeEventListener("mousedown",this.__onMouseDown),this.__targetVisibilityObserver.unobserve(e)),t&&(t.addEventListener("mouseenter",this.__onMouseEnter),t.addEventListener("mouseleave",this.__onMouseLeave),t.addEventListener("focusin",this.__onFocusin),t.addEventListener("focusout",this.__onFocusout),t.addEventListener("mousedown",this.__onMouseDown),requestAnimationFrame((()=>{this.__targetVisibilityObserver.observe(t)})))}__onFocusin(t){this.manual||(0,A.LQ)()&&(this.target.contains(t.relatedTarget)||this.__isShouldShow()&&(this.__focusInside=!0,this.__isTargetHidden||this.__hoverInside&&this._autoOpened||this._stateController.open({focus:!0})))}__onFocusout(t){this.manual||this.target.contains(t.relatedTarget)||(this.__focusInside=!1,this.__hoverInside||this._stateController.close(!0))}__onKeyDown(t){"Escape"===t.key&&(t.stopPropagation(),this._stateController.close(!0))}__onMouseDown(){this._stateController.close(!0)}__onMouseEnter(){this.manual||this.__isShouldShow()&&(this.__hoverInside||(this.__hoverInside=!0,this.__isTargetHidden||this.__focusInside&&this._autoOpened||this._stateController.open({hover:!0})))}__onMouseLeave(t){t.relatedTarget!==this._overlayElement&&this.__handleMouseLeave()}__onOverlayMouseEnter(){this._stateController.isClosing&&this._stateController.open({immediate:!0})}__onOverlayMouseLeave(t){t.relatedTarget!==this.target&&this.__handleMouseLeave()}__handleMouseLeave(){this.manual||(this.__hoverInside=!1,this.__focusInside||this._stateController.close())}__onOverlayOpen(){this.manual||this._overlayElement.opened&&!this._overlayElement._last&&this._stateController.close(!0)}__onTargetVisibilityChange(t){const e=this.__isTargetHidden;this.__isTargetHidden=!t,e&&t&&(this.__focusInside||this.__hoverInside)?this._stateController.open({immediate:!0}):!t&&this._autoOpened&&this._stateController.close(!0)}__isShouldShow(){return"function"!=typeof this.shouldShow||!0===this.shouldShow(this.target,this.context)}__textChanged(t,e){this._overlayElement&&(t||e)&&this._overlayElement.requestContentUpdate()}__tooltipRenderer(t){t.textContent="function"==typeof this.generator?this.generator(this.context):this.text,this._overlayContent=t.textContent}__computeAriaTarget(t,e){return(Array.isArray(t)?t.some((t=>t&&t.nodeType===Node.ELEMENT_NODE)):t)?t:e}__effectiveAriaTargetChanged(t,e){e&&[e].flat().forEach((t=>{(0,y.x_)(t,"aria-describedby",this._uniqueId)})),t&&[t].flat().forEach((t=>{(0,y.$2)(t,"aria-describedby",this._uniqueId)}))}__generatorChanged(t,e,o){t&&(e===this.__oldTextGenerator&&o===this.__oldContext||t.requestContentUpdate(),this.__oldTextGenerator=e,this.__oldContext=o)}__updateSrLabelText(t,e){t&&(t.textContent=e)}};class k extends(M((0,g.I)((0,v.S)((0,m.k)(a.H3))))){static get is(){return"vaadin-tooltip"}static get template(){return a.dy`
60
60
  <style>
61
61
  :host {
62
62
  display: none;
@@ -78,7 +78,7 @@
78
78
  ></vaadin-tooltip-overlay>
79
79
 
80
80
  <slot name="sr-label"></slot>
81
- `}}(0,r.M)(z),o(79098),o(29416),o(24407);var Y=o(32463);const V=s.iv`
81
+ `}}(0,r.M)(k),o(79098),o(29416),o(24407);var P=o(32463);const Y=n.iv`
82
82
  :host {
83
83
  --vaadin-user-color-0: #df0b92;
84
84
  --vaadin-user-color-1: #650acc;
@@ -98,7 +98,7 @@
98
98
  --vaadin-user-color-5: #66fffa;
99
99
  --vaadin-user-color-6: #e6ff66;
100
100
  }
101
- `;(0,Y.K)("user-color-props",V);const G=document.createElement("style");G.textContent="html { --vaadin-avatar-size: var(--lumo-size-m); }",document.head.appendChild(G),(0,s.hC)("vaadin-avatar",s.iv`
101
+ `;(0,P.K)("user-color-props",Y);const G=document.createElement("style");G.textContent="html { --vaadin-avatar-size: var(--lumo-size-m); }",document.head.appendChild(G),(0,n.hC)("vaadin-avatar",n.iv`
102
102
  :host {
103
103
  color: var(--lumo-secondary-text-color);
104
104
  background-color: var(--lumo-contrast-10pct);
@@ -161,7 +161,7 @@
161
161
  :host([theme~='xsmall']) {
162
162
  --vaadin-avatar-size: var(--lumo-size-xs);
163
163
  }
164
- `,{moduleId:"lumo-avatar"});const k=document.createElement("template");k.innerHTML="\n <style>\n @font-face {\n font-family: 'vaadin-avatar-icons';\n src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQAAAsAAAAABnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZAIUmEY21hcAAAAYgAAABLAAABcOspwa1nbHlmAAAB1AAAAEUAAABMYO4o1WhlYWQAAAIcAAAALgAAADYYaAmGaGhlYQAAAkwAAAAdAAAAJAZsA1VobXR4AAACbAAAAAgAAAAIA+gAAGxvY2EAAAJ0AAAABgAAAAYAJgAAbWF4cAAAAnwAAAAeAAAAIAEOACFuYW1lAAACnAAAAUIAAAKavFDYrHBvc3QAAAPgAAAAHQAAAC52hGZ4eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGT8wjiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+YmQO+p/FEMUcxDANKMwIkgMADiUMJQB4nGNgYGBlYGBgBmIdIGZhYGAMYWBkAAE/oCgjWJyZgQsszsKgBFbDAhJ/xfj/P4wE8lnAJAMjG8Mo4AGTMlAeOKwgmIERADU0CX0AeJxjYGIAAmYJpkgGHgYRBgZGJT1GEztGIzlGET5GKEuU8YuSpZKSpQuI+LfLv21emz9jHJQPJP7dsUywsEiwBACG8g9CAAAAeJxjYGRgYADicIOnh+P5bb4ycDO/AIow3JZ4rIJMM0swRQIpDgYmEA8AKwgJOwAAeJxjYGRgYA76nwUkXzAAAbMEAyMDKmACAE2GAskAAAAAAAAAA+gAAAAAAAAAJgAAeJxjYGRgYGBiEAViBjCLgYELCBkY/oP5DAAKuwEwAAB4nI2Qu07DMBSG//SGaCWEhMSAGDx1QU0vYyemdmDrUDEhuamTpkriyHEj9RF4B56Bh2Bg5mmY+8d4Qh3qo9jf+c45thQAt/hGgGYFuHN7s1q4YvbHbdKD5w555LmLAZ499+hfPPfxhDfPA/p33hB0rmmG+PDcwg2+PLfpfzx3yL+eu7gPHj33MAxmnvtYB6+eB/SftZTbtBjJWlppRmmki2qlkkMmzZnKGbVWpkp1Iabh5Ex1qQplpFVbsTmKqk5m1sYiNjoXC11YlWValEbvVWTDnbXlfDyOvQ8jnaOGZGyRouCfky63/AyzFBE0fYUVFBIckLnKZTOXda15s+GZulxgihCTC2eXnC3cfFNV7BfY4Mi9eT3BjNYiZh6zRyMnLdxs050xNE3panuaiD7Ezk2VmGPMiP/1h+71/ATcWYAhAAB4nGNgYoAALgbsgImRiZGZgaW0OLWIgQEACl4B2QAAAA==) format('woff');\n font-weight: normal;\n font-style: normal;\n }\n </style>\n",document.head.appendChild(k.content);var H=o(34463),N=o(21360);const j=t=>class extends((0,N.W)(t)){static get properties(){return{img:{type:String,reflectToAttribute:!0,observer:"__imgChanged"},abbr:{type:String,reflectToAttribute:!0},name:{type:String,reflectToAttribute:!0},colorIndex:{type:Number,observer:"__colorIndexChanged"},i18n:{type:Object,value:()=>({anonymous:"anonymous"})},withTooltip:{type:Boolean,value:!1,observer:"__withTooltipChanged"},__imgVisible:Boolean,__iconVisible:Boolean,__abbrVisible:Boolean,__tooltipNode:Object}}static get observers(){return["__imgOrAbbrOrNameChanged(img, abbr, name)","__i18nChanged(i18n)","__tooltipChanged(__tooltipNode, name, abbr)"]}ready(){super.ready(),this.__updateVisibility(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.name||this.abbr||this.__setTooltip()}__colorIndexChanged(t){if(null!=t){const e=`--vaadin-user-color-${t}`;Boolean(getComputedStyle(document.documentElement).getPropertyValue(e))?(this.setAttribute("has-color-index",""),this.style.setProperty("--vaadin-avatar-user-color",`var(${e})`)):(this.removeAttribute("has-color-index"),console.warn(`The CSS property --vaadin-user-color-${t} is not defined`))}else this.removeAttribute("has-color-index")}__imgChanged(){this.__imgFailedToLoad=!1}__imgOrAbbrOrNameChanged(t,e,o){this.__updateVisibility(),e&&e!==this.__generatedAbbr||(this.abbr=o?this.__generatedAbbr=o.split(" ").map((t=>t.charAt(0))).join(""):void 0)}__tooltipChanged(t,e,o){t&&(o&&o!==this.__generatedAbbr?this.__setTooltip(e?`${e} (${o})`:o):this.__setTooltip(e))}__withTooltipChanged(t,e){if(t){const t=document.createElement("vaadin-tooltip");t.setAttribute("slot","tooltip"),this.appendChild(t),this.__tooltipNode=t}else e&&(this.__tooltipNode.target=null,this.__tooltipNode.remove(),this.__tooltipNode=null)}__i18nChanged(t){t&&t.anonymous&&(this.__oldAnonymous&&this.__tooltipNode&&this.__tooltipNode.text===this.__oldAnonymous&&this.__setTooltip(),this.__oldAnonymous=t.anonymous)}__updateVisibility(){this.__imgVisible=!!this.img&&!this.__imgFailedToLoad,this.__abbrVisible=!this.__imgVisible&&!!this.abbr,this.__iconVisible=!this.__imgVisible&&!this.abbr}__setTooltip(t){const e=this.__tooltipNode;e&&(e.text=t||this.i18n.anonymous)}__onImageLoadError(){this.img&&(console.warn(`<vaadin-avatar> The specified image could not be loaded: ${this.img}`),this.__imgFailedToLoad=!0,this.__updateVisibility())}},W=s.iv`
164
+ `,{moduleId:"lumo-avatar"});const V=document.createElement("template");V.innerHTML="\n <style>\n @font-face {\n font-family: 'vaadin-avatar-icons';\n src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQAAAsAAAAABnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZAIUmEY21hcAAAAYgAAABLAAABcOspwa1nbHlmAAAB1AAAAEUAAABMYO4o1WhlYWQAAAIcAAAALgAAADYYaAmGaGhlYQAAAkwAAAAdAAAAJAZsA1VobXR4AAACbAAAAAgAAAAIA+gAAGxvY2EAAAJ0AAAABgAAAAYAJgAAbWF4cAAAAnwAAAAeAAAAIAEOACFuYW1lAAACnAAAAUIAAAKavFDYrHBvc3QAAAPgAAAAHQAAAC52hGZ4eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGT8wjiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+YmQO+p/FEMUcxDANKMwIkgMADiUMJQB4nGNgYGBlYGBgBmIdIGZhYGAMYWBkAAE/oCgjWJyZgQsszsKgBFbDAhJ/xfj/P4wE8lnAJAMjG8Mo4AGTMlAeOKwgmIERADU0CX0AeJxjYGIAAmYJpkgGHgYRBgZGJT1GEztGIzlGET5GKEuU8YuSpZKSpQuI+LfLv21emz9jHJQPJP7dsUywsEiwBACG8g9CAAAAeJxjYGRgYADicIOnh+P5bb4ycDO/AIow3JZ4rIJMM0swRQIpDgYmEA8AKwgJOwAAeJxjYGRgYA76nwUkXzAAAbMEAyMDKmACAE2GAskAAAAAAAAAA+gAAAAAAAAAJgAAeJxjYGRgYGBiEAViBjCLgYELCBkY/oP5DAAKuwEwAAB4nI2Qu07DMBSG//SGaCWEhMSAGDx1QU0vYyemdmDrUDEhuamTpkriyHEj9RF4B56Bh2Bg5mmY+8d4Qh3qo9jf+c45thQAt/hGgGYFuHN7s1q4YvbHbdKD5w555LmLAZ499+hfPPfxhDfPA/p33hB0rmmG+PDcwg2+PLfpfzx3yL+eu7gPHj33MAxmnvtYB6+eB/SftZTbtBjJWlppRmmki2qlkkMmzZnKGbVWpkp1Iabh5Ex1qQplpFVbsTmKqk5m1sYiNjoXC11YlWValEbvVWTDnbXlfDyOvQ8jnaOGZGyRouCfky63/AyzFBE0fYUVFBIckLnKZTOXda15s+GZulxgihCTC2eXnC3cfFNV7BfY4Mi9eT3BjNYiZh6zRyMnLdxs050xNE3panuaiD7Ezk2VmGPMiP/1h+71/ATcWYAhAAB4nGNgYoAALgbsgImRiZGZgaW0OLWIgQEACl4B2QAAAA==) format('woff');\n font-weight: normal;\n font-style: normal;\n }\n </style>\n",document.head.appendChild(V.content);var N=o(34463),H=o(21360);const F=t=>class extends((0,H.W)(t)){static get properties(){return{img:{type:String,reflectToAttribute:!0,observer:"__imgChanged"},abbr:{type:String,reflectToAttribute:!0},name:{type:String,reflectToAttribute:!0},colorIndex:{type:Number,observer:"__colorIndexChanged"},i18n:{type:Object,value:()=>({anonymous:"anonymous"})},withTooltip:{type:Boolean,value:!1,observer:"__withTooltipChanged"},__imgVisible:Boolean,__iconVisible:Boolean,__abbrVisible:Boolean,__tooltipNode:Object}}static get observers(){return["__imgOrAbbrOrNameChanged(img, abbr, name)","__i18nChanged(i18n)","__tooltipChanged(__tooltipNode, name, abbr)"]}ready(){super.ready(),this.__updateVisibility(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.name||this.abbr||this.__setTooltip()}__colorIndexChanged(t){if(null!=t){const e=`--vaadin-user-color-${t}`;Boolean(getComputedStyle(document.documentElement).getPropertyValue(e))?(this.setAttribute("has-color-index",""),this.style.setProperty("--vaadin-avatar-user-color",`var(${e})`)):(this.removeAttribute("has-color-index"),console.warn(`The CSS property --vaadin-user-color-${t} is not defined`))}else this.removeAttribute("has-color-index")}__imgChanged(){this.__imgFailedToLoad=!1}__imgOrAbbrOrNameChanged(t,e,o){this.__updateVisibility(),e&&e!==this.__generatedAbbr||(this.abbr=o?this.__generatedAbbr=o.split(" ").map((t=>t.charAt(0))).join(""):void 0)}__tooltipChanged(t,e,o){t&&(o&&o!==this.__generatedAbbr?this.__setTooltip(e?`${e} (${o})`:o):this.__setTooltip(e))}__withTooltipChanged(t,e){if(t){const t=document.createElement("vaadin-tooltip");t.setAttribute("slot","tooltip"),this.appendChild(t),this.__tooltipNode=t}else e&&(this.__tooltipNode.target=null,this.__tooltipNode.remove(),this.__tooltipNode=null)}__i18nChanged(t){t&&t.anonymous&&(this.__oldAnonymous&&this.__tooltipNode&&this.__tooltipNode.text===this.__oldAnonymous&&this.__setTooltip(),this.__oldAnonymous=t.anonymous)}__updateVisibility(){this.__imgVisible=!!this.img&&!this.__imgFailedToLoad,this.__abbrVisible=!this.__imgVisible&&!!this.abbr,this.__iconVisible=!this.__imgVisible&&!this.abbr}__setTooltip(t){const e=this.__tooltipNode;e&&(e.text=t||this.i18n.anonymous)}__onImageLoadError(){this.img&&(console.warn(`<vaadin-avatar> The specified image could not be loaded: ${this.img}`),this.__imgFailedToLoad=!0,this.__updateVisibility())}},R=n.iv`
165
165
  :host {
166
166
  display: inline-block;
167
167
  flex: none;
@@ -213,7 +213,7 @@
213
213
  border-radius: inherit;
214
214
  box-shadow: inset 0 0 0 2px var(--vaadin-avatar-user-color);
215
215
  }
216
- `;(0,s.hC)("vaadin-avatar",W,{moduleId:"vaadin-avatar-styles"});class U extends(j((0,g.S)((0,s.Tb)((0,v.k)(a.H3))))){static get template(){return a.dy`
216
+ `;(0,n.hC)("vaadin-avatar",R,{moduleId:"vaadin-avatar-styles"});class j extends(F((0,v.S)((0,n.Tb)((0,m.k)(a.H3))))){static get template(){return a.dy`
217
217
  <img hidden$="[[!__imgVisible]]" src$="[[img]]" aria-hidden="true" on-error="__onImageLoadError" />
218
218
  <svg
219
219
  part="icon"
@@ -237,4 +237,116 @@
237
237
  </svg>
238
238
 
239
239
  <slot name="tooltip"></slot>
240
- `}static get is(){return"vaadin-avatar"}ready(){super.ready(),this._tooltipController=new H.f(this),this.addController(this._tooltipController)}}(0,r.M)(U)},61037:(t,e,o)=>{o.d(e,{Dt:()=>n,G6:()=>h,T:()=>_,gn:()=>d,i7:()=>a,vU:()=>r});const i=t=>t.test(navigator.userAgent),s=t=>t.test(navigator.platform),n=i(/Android/u),a=i(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),r=i(/Firefox/u),l=s(/^iPad/u)||s(/^Mac/u)&&navigator.maxTouchPoints>1,d=s(/^iPhone/u)||l,h=i(/^((?!chrome|android).)*safari/iu),_=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},24946:(t,e,o)=>{o.d(e,{W:()=>n});var i=o(91014);const s=new WeakMap,n=(0,i.o)((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return s.has(t)||s.set(t,new Set),s.get(t)}(t);this.slotStyles.forEach((o=>{e.has(o)||(function(t,e){const o=document.createElement("style");o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))}))}}))},63373:(t,e,o)=>{o.d(e,{y:()=>r});var i=o(63726);const s={start:"top",end:"bottom"},n={start:"left",end:"right"},a=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.__overlay&&t.target.__overlay._updatePosition()}))}))})),r=t=>class extends t{static get properties(){return{positionTarget:{type:Object,value:null,sync:!0},horizontalAlign:{type:String,value:"start",sync:!0},verticalAlign:{type:String,value:"top",sync:!0},noHorizontalOverlap:{type:Boolean,value:!1,sync:!0},noVerticalOverlap:{type:Boolean,value:!1,sync:!0},requiredVerticalSpace:{type:Number,value:0,sync:!0}}}static get observers(){return["__positionSettingsChanged(horizontalAlign, verticalAlign, noHorizontalOverlap, noVerticalOverlap, requiredVerticalSpace)","__overlayOpenedChanged(opened, positionTarget)"]}constructor(){super(),this.__onScroll=this.__onScroll.bind(this),this._updatePosition=this._updatePosition.bind(this)}connectedCallback(){super.connectedCallback(),this.opened&&this.__addUpdatePositionEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.__removeUpdatePositionEventListeners()}__addUpdatePositionEventListeners(){window.addEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes=(0,i.AD)(this.positionTarget),this.__positionTargetAncestorRootNodes.forEach((t=>{t.addEventListener("scroll",this.__onScroll,!0)}))}__removeUpdatePositionEventListeners(){window.removeEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes&&(this.__positionTargetAncestorRootNodes.forEach((t=>{t.removeEventListener("scroll",this.__onScroll,!0)})),this.__positionTargetAncestorRootNodes=null)}__overlayOpenedChanged(t,e){if(this.__removeUpdatePositionEventListeners(),e&&(e.__overlay=null,a.unobserve(e),t&&(this.__addUpdatePositionEventListeners(),e.__overlay=this,a.observe(e))),t){const t=getComputedStyle(this);this.__margins||(this.__margins={},["top","bottom","left","right"].forEach((e=>{this.__margins[e]=parseInt(t[e],10)}))),this.setAttribute("dir",t.direction),this._updatePosition(),requestAnimationFrame((()=>this._updatePosition()))}}__positionSettingsChanged(){this._updatePosition()}__onScroll(t){this.contains(t.target)||this._updatePosition()}_updatePosition(){if(!this.positionTarget||!this.opened)return;const t=this.positionTarget.getBoundingClientRect(),e=this.__shouldAlignStartVertically(t);this.style.justifyContent=e?"flex-start":"flex-end";const o=this.__isRTL,i=this.__shouldAlignStartHorizontally(t,o),a=!o&&i||o&&!i;this.style.alignItems=a?"flex-start":"flex-end";const r=this.getBoundingClientRect(),l=this.__calculatePositionInOneDimension(t,r,this.noVerticalOverlap,s,this,e),d=this.__calculatePositionInOneDimension(t,r,this.noHorizontalOverlap,n,this,i);Object.assign(this.style,l,d),this.toggleAttribute("bottom-aligned",!e),this.toggleAttribute("top-aligned",e),this.toggleAttribute("end-aligned",!a),this.toggleAttribute("start-aligned",a)}__shouldAlignStartHorizontally(t,e){const o=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;const i=Math.min(window.innerWidth,document.documentElement.clientWidth),s=!e&&"start"===this.horizontalAlign||e&&"end"===this.horizontalAlign;return this.__shouldAlignStart(t,o,i,this.__margins,s,this.noHorizontalOverlap,n)}__shouldAlignStartVertically(t){const e=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;const o=Math.min(window.innerHeight,document.documentElement.clientHeight),i="top"===this.verticalAlign;return this.__shouldAlignStart(t,e,o,this.__margins,i,this.noVerticalOverlap,s)}__shouldAlignStart(t,e,o,i,s,n,a){const r=o-t[n?a.end:a.start]-i[a.end],l=t[n?a.start:a.end]-i[a.start],d=s?r:l;return s===(d>(s?l:r)||d>e)}__adjustBottomProperty(t,e,o){let i;if(t===e.end){if(e.end===s.end){const t=Math.min(window.innerHeight,document.documentElement.clientHeight);o>t&&this.__oldViewportHeight&&(i=o-(this.__oldViewportHeight-t)),this.__oldViewportHeight=t}if(e.end===n.end){const t=Math.min(window.innerWidth,document.documentElement.clientWidth);o>t&&this.__oldViewportWidth&&(i=o-(this.__oldViewportWidth-t)),this.__oldViewportWidth=t}}return i}__calculatePositionInOneDimension(t,e,o,i,s,n){const a=n?i.start:i.end,r=n?i.end:i.start,l=parseFloat(s.style[a]||getComputedStyle(s)[a]),d=this.__adjustBottomProperty(a,i,l),h=e[n?i.start:i.end]-t[o===n?i.end:i.start];return{[a]:d?`${d}px`:`${l+h*(n?-1:1)}px`,[r]:""}}}}}]);
240
+ `}static get is(){return"vaadin-avatar"}ready(){super.ready(),this._tooltipController=new N.f(this),this.addController(this._tooltipController)}}(0,r.M)(j)},61037:(t,e,o)=>{o.d(e,{Dt:()=>s,G6:()=>d,T:()=>_,gn:()=>h,i7:()=>a,vU:()=>r});const i=t=>t.test(navigator.userAgent),n=t=>t.test(navigator.platform),s=i(/Android/u),a=i(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),r=i(/Firefox/u),l=n(/^iPad/u)||n(/^Mac/u)&&navigator.maxTouchPoints>1,h=n(/^iPhone/u)||l,d=i(/^((?!chrome|android).)*safari/iu),_=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},24946:(t,e,o)=>{o.d(e,{W:()=>s});var i=o(91014);const n=new WeakMap,s=(0,i.o)((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return n.has(t)||n.set(t,new Set),n.get(t)}(t);this.slotStyles.forEach((o=>{e.has(o)||(function(t,e){const o=document.createElement("style");o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))}))}}))},63373:(t,e,o)=>{o.d(e,{y:()=>r});var i=o(63726);const n={start:"top",end:"bottom"},s={start:"left",end:"right"},a=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.__overlay&&t.target.__overlay._updatePosition()}))}))})),r=t=>class extends t{static get properties(){return{positionTarget:{type:Object,value:null,sync:!0},horizontalAlign:{type:String,value:"start",sync:!0},verticalAlign:{type:String,value:"top",sync:!0},noHorizontalOverlap:{type:Boolean,value:!1,sync:!0},noVerticalOverlap:{type:Boolean,value:!1,sync:!0},requiredVerticalSpace:{type:Number,value:0,sync:!0}}}static get observers(){return["__positionSettingsChanged(horizontalAlign, verticalAlign, noHorizontalOverlap, noVerticalOverlap, requiredVerticalSpace)","__overlayOpenedChanged(opened, positionTarget)"]}constructor(){super(),this.__onScroll=this.__onScroll.bind(this),this._updatePosition=this._updatePosition.bind(this)}connectedCallback(){super.connectedCallback(),this.opened&&this.__addUpdatePositionEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.__removeUpdatePositionEventListeners()}__addUpdatePositionEventListeners(){window.addEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes=(0,i.AD)(this.positionTarget),this.__positionTargetAncestorRootNodes.forEach((t=>{t.addEventListener("scroll",this.__onScroll,!0)}))}__removeUpdatePositionEventListeners(){window.removeEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes&&(this.__positionTargetAncestorRootNodes.forEach((t=>{t.removeEventListener("scroll",this.__onScroll,!0)})),this.__positionTargetAncestorRootNodes=null)}__overlayOpenedChanged(t,e){if(this.__removeUpdatePositionEventListeners(),e&&(e.__overlay=null,a.unobserve(e),t&&(this.__addUpdatePositionEventListeners(),e.__overlay=this,a.observe(e))),t){const t=getComputedStyle(this);this.__margins||(this.__margins={},["top","bottom","left","right"].forEach((e=>{this.__margins[e]=parseInt(t[e],10)}))),this.setAttribute("dir",t.direction),this._updatePosition(),requestAnimationFrame((()=>this._updatePosition()))}}__positionSettingsChanged(){this._updatePosition()}__onScroll(t){this.contains(t.target)||this._updatePosition()}_updatePosition(){if(!this.positionTarget||!this.opened)return;const t=this.positionTarget.getBoundingClientRect(),e=this.__shouldAlignStartVertically(t);this.style.justifyContent=e?"flex-start":"flex-end";const o=this.__isRTL,i=this.__shouldAlignStartHorizontally(t,o),a=!o&&i||o&&!i;this.style.alignItems=a?"flex-start":"flex-end";const r=this.getBoundingClientRect(),l=this.__calculatePositionInOneDimension(t,r,this.noVerticalOverlap,n,this,e),h=this.__calculatePositionInOneDimension(t,r,this.noHorizontalOverlap,s,this,i);Object.assign(this.style,l,h),this.toggleAttribute("bottom-aligned",!e),this.toggleAttribute("top-aligned",e),this.toggleAttribute("end-aligned",!a),this.toggleAttribute("start-aligned",a)}__shouldAlignStartHorizontally(t,e){const o=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;const i=Math.min(window.innerWidth,document.documentElement.clientWidth),n=!e&&"start"===this.horizontalAlign||e&&"end"===this.horizontalAlign;return this.__shouldAlignStart(t,o,i,this.__margins,n,this.noHorizontalOverlap,s)}__shouldAlignStartVertically(t){const e=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;const o=Math.min(window.innerHeight,document.documentElement.clientHeight),i="top"===this.verticalAlign;return this.__shouldAlignStart(t,e,o,this.__margins,i,this.noVerticalOverlap,n)}__shouldAlignStart(t,e,o,i,n,s,a){const r=o-t[s?a.end:a.start]-i[a.end],l=t[s?a.start:a.end]-i[a.start],h=n?r:l;return n===(h>(n?l:r)||h>e)}__adjustBottomProperty(t,e,o){let i;if(t===e.end){if(e.end===n.end){const t=Math.min(window.innerHeight,document.documentElement.clientHeight);o>t&&this.__oldViewportHeight&&(i=o-(this.__oldViewportHeight-t)),this.__oldViewportHeight=t}if(e.end===s.end){const t=Math.min(window.innerWidth,document.documentElement.clientWidth);o>t&&this.__oldViewportWidth&&(i=o-(this.__oldViewportWidth-t)),this.__oldViewportWidth=t}}return i}__calculatePositionInOneDimension(t,e,o,i,n,s){const a=s?i.start:i.end,r=s?i.end:i.start,l=parseFloat(n.style[a]||getComputedStyle(n)[a]),h=this.__adjustBottomProperty(a,i,l),d=e[s?i.start:i.end]-t[o===s?i.end:i.start];return{[a]:h?`${h}px`:`${l+d*(s?-1:1)}px`,[r]:""}}}},34173:(t,e,o)=>{o(24407);var i=o(46570),n=o(32463);const s=i.iv`
241
+ :host {
242
+ /* prettier-ignore */
243
+ --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
244
+
245
+ /* Font sizes */
246
+ --lumo-font-size-xxs: 0.75rem;
247
+ --lumo-font-size-xs: 0.8125rem;
248
+ --lumo-font-size-s: 0.875rem;
249
+ --lumo-font-size-m: 1rem;
250
+ --lumo-font-size-l: 1.125rem;
251
+ --lumo-font-size-xl: 1.375rem;
252
+ --lumo-font-size-xxl: 1.75rem;
253
+ --lumo-font-size-xxxl: 2.5rem;
254
+
255
+ /* Line heights */
256
+ --lumo-line-height-xs: 1.25;
257
+ --lumo-line-height-s: 1.375;
258
+ --lumo-line-height-m: 1.625;
259
+ }
260
+ `,a=i.iv`
261
+ body,
262
+ :host {
263
+ font-family: var(--lumo-font-family);
264
+ font-size: var(--lumo-font-size-m);
265
+ line-height: var(--lumo-line-height-m);
266
+ -webkit-text-size-adjust: 100%;
267
+ -webkit-font-smoothing: antialiased;
268
+ -moz-osx-font-smoothing: grayscale;
269
+ }
270
+
271
+ small,
272
+ [theme~='font-size-s'] {
273
+ font-size: var(--lumo-font-size-s);
274
+ line-height: var(--lumo-line-height-s);
275
+ }
276
+
277
+ [theme~='font-size-xs'] {
278
+ font-size: var(--lumo-font-size-xs);
279
+ line-height: var(--lumo-line-height-xs);
280
+ }
281
+
282
+ :where(h1, h2, h3, h4, h5, h6) {
283
+ font-weight: 600;
284
+ line-height: var(--lumo-line-height-xs);
285
+ margin-block: 0;
286
+ }
287
+
288
+ :where(h1) {
289
+ font-size: var(--lumo-font-size-xxxl);
290
+ }
291
+
292
+ :where(h2) {
293
+ font-size: var(--lumo-font-size-xxl);
294
+ }
295
+
296
+ :where(h3) {
297
+ font-size: var(--lumo-font-size-xl);
298
+ }
299
+
300
+ :where(h4) {
301
+ font-size: var(--lumo-font-size-l);
302
+ }
303
+
304
+ :where(h5) {
305
+ font-size: var(--lumo-font-size-m);
306
+ }
307
+
308
+ :where(h6) {
309
+ font-size: var(--lumo-font-size-xs);
310
+ text-transform: uppercase;
311
+ letter-spacing: 0.03em;
312
+ }
313
+
314
+ p,
315
+ blockquote {
316
+ margin-top: 0.5em;
317
+ margin-bottom: 0.75em;
318
+ }
319
+
320
+ a {
321
+ text-decoration: none;
322
+ }
323
+
324
+ a:where(:any-link):hover {
325
+ text-decoration: underline;
326
+ }
327
+
328
+ hr {
329
+ display: block;
330
+ align-self: stretch;
331
+ height: 1px;
332
+ border: 0;
333
+ padding: 0;
334
+ margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
335
+ background-color: var(--lumo-contrast-10pct);
336
+ }
337
+
338
+ blockquote {
339
+ border-left: 2px solid var(--lumo-contrast-30pct);
340
+ }
341
+
342
+ b,
343
+ strong {
344
+ font-weight: 600;
345
+ }
346
+
347
+ /* RTL specific styles */
348
+ blockquote[dir='rtl'] {
349
+ border-left: none;
350
+ border-right: 2px solid var(--lumo-contrast-30pct);
351
+ }
352
+ `;(0,i.hC)("",a,{moduleId:"lumo-typography"}),(0,n.K)("typography-props",s)}}]);