@descope/web-components-ui 3.20.3 → 3.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/cjs/index.cjs.js +414 -27
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +414 -27
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/umd/1411.js +339 -0
  6. package/dist/umd/1411.js.map +1 -0
  7. package/dist/umd/189.js +171 -0
  8. package/dist/umd/189.js.map +1 -0
  9. package/dist/umd/2894.js +339 -0
  10. package/dist/umd/2894.js.map +1 -0
  11. package/dist/umd/3792.js +339 -0
  12. package/dist/umd/3792.js.map +1 -0
  13. package/dist/umd/{9117.js → 384.js} +121 -9
  14. package/dist/umd/{descope-tooltip.js.LICENSE.txt → 384.js.LICENSE.txt} +2 -2
  15. package/dist/umd/384.js.map +1 -0
  16. package/dist/umd/4268.js +339 -0
  17. package/dist/umd/4268.js.LICENSE.txt +11 -0
  18. package/dist/umd/4268.js.map +1 -0
  19. package/dist/umd/513.js +339 -0
  20. package/dist/umd/513.js.LICENSE.txt +11 -0
  21. package/dist/umd/513.js.map +1 -0
  22. package/dist/umd/6227.js +320 -0
  23. package/dist/umd/6227.js.map +1 -0
  24. package/dist/umd/6535.js +115 -0
  25. package/dist/umd/{9275.js.LICENSE.txt → 6535.js.LICENSE.txt} +0 -6
  26. package/dist/umd/6535.js.map +1 -0
  27. package/dist/umd/6649.js +339 -0
  28. package/dist/umd/6649.js.LICENSE.txt +11 -0
  29. package/dist/umd/6649.js.map +1 -0
  30. package/dist/umd/7125.js +339 -0
  31. package/dist/umd/7125.js.LICENSE.txt +11 -0
  32. package/dist/umd/7125.js.map +1 -0
  33. package/dist/umd/{5263.js → 8264.js} +5 -5
  34. package/dist/umd/8264.js.map +1 -0
  35. package/dist/umd/8983.js +7 -324
  36. package/dist/umd/8983.js.map +1 -1
  37. package/dist/umd/9030.js +339 -0
  38. package/dist/umd/9030.js.LICENSE.txt +11 -0
  39. package/dist/umd/9030.js.map +1 -0
  40. package/dist/umd/9380.js +130 -0
  41. package/dist/umd/9380.js.map +1 -0
  42. package/dist/umd/9506.js +339 -0
  43. package/dist/umd/9506.js.LICENSE.txt +11 -0
  44. package/dist/umd/9506.js.map +1 -0
  45. package/dist/umd/DescopeDev.js +1 -1
  46. package/dist/umd/DescopeDev.js.map +1 -1
  47. package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js +1 -1
  48. package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js.map +1 -1
  49. package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js +1 -1
  50. package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js.map +1 -1
  51. package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -338
  52. package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js.map +1 -1
  53. package/dist/umd/descope-apps-list.js +161 -1
  54. package/dist/umd/descope-apps-list.js.LICENSE.txt +17 -0
  55. package/dist/umd/descope-apps-list.js.map +1 -1
  56. package/dist/umd/descope-avatar.js +5 -20
  57. package/dist/umd/descope-avatar.js.LICENSE.txt +0 -12
  58. package/dist/umd/descope-avatar.js.map +1 -1
  59. package/dist/umd/descope-button.js +3 -3
  60. package/dist/umd/descope-button.js.LICENSE.txt +6 -0
  61. package/dist/umd/descope-button.js.map +1 -1
  62. package/dist/umd/descope-date-field-descope-calendar-index-js.js +1 -1
  63. package/dist/umd/descope-date-field-descope-calendar-index-js.js.map +1 -1
  64. package/dist/umd/descope-email-field-index-js.js +4 -4
  65. package/dist/umd/descope-email-field-index-js.js.map +1 -1
  66. package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +4 -321
  67. package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js.LICENSE.txt +0 -6
  68. package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js.map +1 -1
  69. package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js +5 -322
  70. package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js.map +1 -1
  71. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +4 -321
  72. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js.LICENSE.txt +0 -6
  73. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js.map +1 -1
  74. package/dist/umd/descope-hybrid-field-index-js.js +2 -2
  75. package/dist/umd/descope-hybrid-field-index-js.js.map +1 -1
  76. package/dist/umd/descope-multi-line-mappings.js +1 -1
  77. package/dist/umd/descope-multi-line-mappings.js.map +1 -1
  78. package/dist/umd/descope-multi-sso.js +1 -338
  79. package/dist/umd/descope-multi-sso.js.map +1 -1
  80. package/dist/umd/descope-outbound-app-button.js +1 -338
  81. package/dist/umd/descope-outbound-app-button.js.map +1 -1
  82. package/dist/umd/descope-recovery-codes.js +1 -1
  83. package/dist/umd/descope-recovery-codes.js.map +1 -1
  84. package/dist/umd/descope-timer-button.js +1 -338
  85. package/dist/umd/descope-timer-button.js.map +1 -1
  86. package/dist/umd/descope-tooltip.js +1 -2
  87. package/dist/umd/descope-tooltip.js.map +1 -1
  88. package/dist/umd/descope-upload-file-index-js.js +1 -338
  89. package/dist/umd/descope-upload-file-index-js.js.map +1 -1
  90. package/dist/umd/descope-user-attribute-index-js.js +1 -338
  91. package/dist/umd/descope-user-attribute-index-js.js.map +1 -1
  92. package/dist/umd/descope-user-auth-method-index-js.js +1 -338
  93. package/dist/umd/descope-user-auth-method-index-js.js.map +1 -1
  94. package/dist/umd/descope-user-passkeys.js +1 -338
  95. package/dist/umd/descope-user-passkeys.js.map +1 -1
  96. package/dist/umd/index.js +1 -1
  97. package/dist/umd/index.js.map +1 -1
  98. package/package.json +42 -42
  99. package/src/components/descope-email-field/EmailFieldClass.js +50 -2
  100. package/src/components/descope-email-field/emailPattern.js +7 -0
  101. package/stories/descope-email-field.stories.js +8 -0
  102. package/dist/umd/1453.js +0 -177
  103. package/dist/umd/1453.js.LICENSE.txt +0 -29
  104. package/dist/umd/1453.js.map +0 -1
  105. package/dist/umd/5263.js.map +0 -1
  106. package/dist/umd/6063.js +0 -18
  107. package/dist/umd/6063.js.map +0 -1
  108. package/dist/umd/6818.js +0 -3
  109. package/dist/umd/6818.js.map +0 -1
  110. package/dist/umd/8248.js +0 -171
  111. package/dist/umd/8248.js.map +0 -1
  112. package/dist/umd/8968.js +0 -432
  113. package/dist/umd/8968.js.map +0 -1
  114. package/dist/umd/9117.js.map +0 -1
  115. package/dist/umd/9275.js +0 -18
  116. package/dist/umd/9275.js.map +0 -1
  117. package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js.LICENSE.txt +0 -5
  118. package/dist/umd/descope-multi-sso.js.LICENSE.txt +0 -5
  119. package/dist/umd/descope-outbound-app-button.js.LICENSE.txt +0 -5
  120. package/dist/umd/descope-timer-button.js.LICENSE.txt +0 -5
  121. package/dist/umd/descope-upload-file-index-js.js.LICENSE.txt +0 -5
  122. package/dist/umd/descope-user-attribute-index-js.js.LICENSE.txt +0 -5
  123. package/dist/umd/descope-user-passkeys.js.LICENSE.txt +0 -5
  124. /package/dist/umd/{8968.js.LICENSE.txt → 1411.js.LICENSE.txt} +0 -0
  125. /package/dist/umd/{6063.js.LICENSE.txt → 189.js.LICENSE.txt} +0 -0
  126. /package/dist/umd/{9117.js.LICENSE.txt → 2894.js.LICENSE.txt} +0 -0
  127. /package/dist/umd/{descope-user-auth-method-index-js.js.LICENSE.txt → 3792.js.LICENSE.txt} +0 -0
  128. /package/dist/umd/{6818.js.LICENSE.txt → 6227.js.LICENSE.txt} +0 -0
  129. /package/dist/umd/{5263.js.LICENSE.txt → 8264.js.LICENSE.txt} +0 -0
  130. /package/dist/umd/{8248.js.LICENSE.txt → 9380.js.LICENSE.txt} +0 -0
@@ -0,0 +1,115 @@
1
+ /*! For license information please see 6535.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[6535],{30025(e,t,o){o.d(t,{Qj:()=>c,aJ:()=>i,dw:()=>s,iq:()=>u,n8:()=>h});let n=!1;function s(){let e=document.activeElement||document.body;for(;e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e}function i(){return n}function l(e){const t=e.style;if("hidden"===t.visibility||"none"===t.display)return!0;const o=window.getComputedStyle(e);return"hidden"===o.visibility||"none"===o.display}function r(e,t){const o=Math.max(e.tabIndex,0),n=Math.max(t.tabIndex,0);return 0===o||0===n?n>o:o>n}function d(e){const t=e.length;if(t<2)return e;const o=Math.ceil(t/2);return function(e,t){const o=[];for(;e.length>0&&t.length>0;)r(e[0],t[0])?o.push(t.shift()):o.push(e.shift());return o.concat(e,t)}(d(e.slice(0,o)),d(e.slice(o)))}function h(e){return null===e.offsetParent&&0===e.clientWidth&&0===e.clientHeight||l(e)}function c(e){return e.getRootNode().activeElement===e}function a(e,t){if(e.nodeType!==Node.ELEMENT_NODE||l(e))return!1;const o=e,n=function(e){if(!function(e){return!e.matches('[tabindex="-1"]')&&(e.matches("input, select, textarea, button, object")?e.matches(":not([disabled])"):e.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(e))return-1;const t=e.getAttribute("tabindex")||0;return Number(t)}(o);let s=n>0;n>=0&&t.push(o);let i=[];return i="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...i].forEach(e=>{s=a(e,t)||s}),s}function u(e){const t=[];return a(e,t)?d(t):t}window.addEventListener("keydown",()=>{n=!0},{capture:!0}),window.addEventListener("mousedown",()=>{n=!1},{capture:!0})},55774(e,t,o){o.d(t,{w:()=>n});const n=(0,o(98741).y)(e=>"function"==typeof e.prototype.addController?e:class extends e{constructor(){super(),this.__controllers=new Set}connectedCallback(){super.connectedCallback(),this.__controllers.forEach(e=>{e.hostConnected&&e.hostConnected()})}disconnectedCallback(){super.disconnectedCallback(),this.__controllers.forEach(e=>{e.hostDisconnected&&e.hostDisconnected()})}addController(e){this.__controllers.add(e),void 0!==this.$&&this.isConnected&&e.hostConnected&&e.hostConnected()}removeController(e){this.__controllers.delete(e)}})},1508(e,t,o){function n(e){const t=[];for(;e;){if(e.nodeType===Node.DOCUMENT_NODE){t.push(e);break}e.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?e=e.assignedSlot?e.assignedSlot:e.parentNode:(t.push(e),e=e.host)}return t}function s(e){const t=[];let o;return"slot"===e.localName?o=e.assignedElements():(t.push(e),o=[...e.children]),o.forEach(e=>t.push(...s(e))),t}function i(e,t){return t?t.closest(e)||i(e,t.getRootNode().host):null}function l(e){return e?new Set(e.split(" ")):new Set}function r(e){return e?[...e].join(" "):""}function d(e,t,o){const n=l(e.getAttribute(t));n.add(o),e.setAttribute(t,r(n))}function h(e,t,o){const n=l(e.getAttribute(t));n.delete(o),0!==n.size?e.setAttribute(t,r(n)):e.removeAttribute(t)}function c(e){return e.nodeType===Node.TEXT_NODE&&""===e.textContent.trim()}o.d(t,{Dy:()=>n,J$:()=>s,Wr:()=>h,Z4:()=>l,ZA:()=>c,el:()=>i,iA:()=>d,sz:()=>r})},44099(e,t,o){o.d(t,{r:()=>l});var n=o(1508),s=o(65641),i=o(11707);class l extends EventTarget{static generateId(e,t){return`${t||"default"}-${e.localName}-${(0,i.I)()}`}constructor(e,t,o,n={}){super();const{initializer:s,multiple:i,observe:l,useUniqueId:r}=n;this.host=e,this.slotName=t,this.tagName=o,this.observe="boolean"!=typeof l||l,this.multiple="boolean"==typeof i&&i,this.slotInitializer=s,i&&(this.nodes=[]),r&&(this.defaultId=this.constructor.generateId(e,t))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let e=this.getSlotChild();e?(this.node=e,this.initAddedNode(e)):(e=this.attachDefaultNode(),this.initNode(e))}initMultiple(){const e=this.getSlotChildren();if(0===e.length){const e=this.attachDefaultNode();e&&(this.nodes=[e],this.initNode(e))}else this.nodes=e,e.forEach(e=>{this.initAddedNode(e)})}attachDefaultNode(){const{host:e,slotName:t,tagName:o}=this;let n=this.defaultNode;return!n&&o&&(n=document.createElement(o),n instanceof Element&&(""!==t&&n.setAttribute("slot",t),this.defaultNode=n)),n&&(this.node=n,e.appendChild(n)),n}getSlotChildren(){const{slotName:e}=this;return Array.from(this.host.childNodes).filter(t=>t.nodeType===Node.ELEMENT_NODE&&t.slot===e||t.nodeType===Node.TEXT_NODE&&t.textContent.trim()&&""===e)}getSlotChild(){return this.getSlotChildren()[0]}initNode(e){const{slotInitializer:t}=this;t&&t(e,this.host)}initCustomNode(e){}teardownNode(e){}initAddedNode(e){e!==this.defaultNode&&(this.initCustomNode(e),this.initNode(e))}observeSlot(){const{slotName:e}=this,t=""===e?"slot:not([name])":`slot[name=${e}]`,o=this.host.shadowRoot.querySelector(t);this.__slotObserver=new s.P(o,({addedNodes:e,removedNodes:t})=>{const o=this.multiple?this.nodes:[this.node],s=e.filter(e=>!(0,n.ZA)(e)&&!o.includes(e));t.length&&(this.nodes=o.filter(e=>!t.includes(e)),t.forEach(e=>{this.teardownNode(e)})),s&&s.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...o,...s].filter(e=>e!==this.defaultNode),s.forEach(e=>{this.initAddedNode(e)})):(this.node&&this.node.remove(),this.node=s[0],this.initAddedNode(this.node)))})}}},65641(e,t,o){o.d(t,{P:()=>n});class n{constructor(e,t){this.slot=e,this.callback=t,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 e=this.slot.assignedNodes({flatten:!0});let t=[];const o=[],n=[];e.length&&(t=e.filter(e=>!this._storedNodes.includes(e))),this._storedNodes.length&&this._storedNodes.forEach((t,s)=>{const i=e.indexOf(t);-1===i?o.push(t):i!==s&&n.push(t)}),(t.length||o.length||n.length)&&this.callback({addedNodes:t,movedNodes:n,removedNodes:o}),this._storedNodes=e}}},11707(e,t,o){o.d(t,{I:()=>s});let n=0;function s(){return n++}},57760(e,t,o){o(17017),o(76720)},83315(e,t,o){o(88660);var n=o(87550),s=o(36411);const i=n.AH`
3
+ :host {
4
+ /* prettier-ignore */
5
+ --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
6
+
7
+ /* Font sizes */
8
+ --lumo-font-size-xxs: 0.75rem;
9
+ --lumo-font-size-xs: 0.8125rem;
10
+ --lumo-font-size-s: 0.875rem;
11
+ --lumo-font-size-m: 1rem;
12
+ --lumo-font-size-l: 1.125rem;
13
+ --lumo-font-size-xl: 1.375rem;
14
+ --lumo-font-size-xxl: 1.75rem;
15
+ --lumo-font-size-xxxl: 2.5rem;
16
+
17
+ /* Line heights */
18
+ --lumo-line-height-xs: 1.25;
19
+ --lumo-line-height-s: 1.375;
20
+ --lumo-line-height-m: 1.625;
21
+ }
22
+ `,l=n.AH`
23
+ body,
24
+ :host {
25
+ font-family: var(--lumo-font-family);
26
+ font-size: var(--lumo-font-size-m);
27
+ line-height: var(--lumo-line-height-m);
28
+ -webkit-text-size-adjust: 100%;
29
+ -webkit-font-smoothing: antialiased;
30
+ -moz-osx-font-smoothing: grayscale;
31
+ }
32
+
33
+ small,
34
+ [theme~='font-size-s'] {
35
+ font-size: var(--lumo-font-size-s);
36
+ line-height: var(--lumo-line-height-s);
37
+ }
38
+
39
+ [theme~='font-size-xs'] {
40
+ font-size: var(--lumo-font-size-xs);
41
+ line-height: var(--lumo-line-height-xs);
42
+ }
43
+
44
+ :where(h1, h2, h3, h4, h5, h6) {
45
+ font-weight: 600;
46
+ line-height: var(--lumo-line-height-xs);
47
+ margin-block: 0;
48
+ }
49
+
50
+ :where(h1) {
51
+ font-size: var(--lumo-font-size-xxxl);
52
+ }
53
+
54
+ :where(h2) {
55
+ font-size: var(--lumo-font-size-xxl);
56
+ }
57
+
58
+ :where(h3) {
59
+ font-size: var(--lumo-font-size-xl);
60
+ }
61
+
62
+ :where(h4) {
63
+ font-size: var(--lumo-font-size-l);
64
+ }
65
+
66
+ :where(h5) {
67
+ font-size: var(--lumo-font-size-m);
68
+ }
69
+
70
+ :where(h6) {
71
+ font-size: var(--lumo-font-size-xs);
72
+ text-transform: uppercase;
73
+ letter-spacing: 0.03em;
74
+ }
75
+
76
+ p,
77
+ blockquote {
78
+ margin-top: 0.5em;
79
+ margin-bottom: 0.75em;
80
+ }
81
+
82
+ a {
83
+ text-decoration: none;
84
+ }
85
+
86
+ a:where(:any-link):hover {
87
+ text-decoration: underline;
88
+ }
89
+
90
+ hr {
91
+ display: block;
92
+ align-self: stretch;
93
+ height: 1px;
94
+ border: 0;
95
+ padding: 0;
96
+ margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
97
+ background-color: var(--lumo-contrast-10pct);
98
+ }
99
+
100
+ blockquote {
101
+ border-left: 2px solid var(--lumo-contrast-30pct);
102
+ }
103
+
104
+ b,
105
+ strong {
106
+ font-weight: 600;
107
+ }
108
+
109
+ /* RTL specific styles */
110
+ blockquote[dir='rtl'] {
111
+ border-left: none;
112
+ border-right: 2px solid var(--lumo-contrast-30pct);
113
+ }
114
+ `;(0,n.SF)("",l,{moduleId:"lumo-typography"}),(0,s.q)("typography-props",i)}}]);
115
+ //# sourceMappingURL=6535.js.map
@@ -10,12 +10,6 @@
10
10
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
11
11
  */
12
12
 
13
- /**
14
- * @license
15
- * Copyright (c) 2022 - 2023 Vaadin Ltd.
16
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
17
- */
18
-
19
13
  /**
20
14
  * @license
21
15
  * Copyright (c) 2023 Vaadin Ltd.
@@ -0,0 +1 @@
1
+ {"version":3,"file":"6535.js","mappings":"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","sources":["webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/a11y-base/src/focus-utils.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/controller-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/dom-utils.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/slot-controller.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/slot-observer.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/unique-id-utils.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/vaadin-lumo-styles/typography.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\n\n// We consider the keyboard to be active if the window has received a keydown\n// event since the last mousedown event.\nlet keyboardActive = false;\n\n// Listen for top-level keydown and mousedown events.\n// Use capture phase so we detect events even if they're handled.\nwindow.addEventListener(\n 'keydown',\n () => {\n keyboardActive = true;\n },\n { capture: true },\n);\n\nwindow.addEventListener(\n 'mousedown',\n () => {\n keyboardActive = false;\n },\n { capture: true },\n);\n\n/**\n * Returns the actually focused element by traversing shadow\n * trees recursively to ensure it's the leaf element.\n *\n * @return {Element}\n */\nexport function getDeepActiveElement() {\n let host = document.activeElement || document.body;\n while (host.shadowRoot && host.shadowRoot.activeElement) {\n host = host.shadowRoot.activeElement;\n }\n return host;\n}\n\n/**\n * Returns true if the window has received a keydown\n * event since the last mousedown event.\n *\n * @return {boolean}\n */\nexport function isKeyboardActive() {\n return keyboardActive;\n}\n\n/**\n * Returns true if the element is hidden directly with `display: none` or `visibility: hidden`,\n * false otherwise.\n *\n * The method doesn't traverse the element's ancestors, it only checks for the CSS properties\n * set directly to or inherited by the element.\n *\n * @param {HTMLElement} element\n * @return {boolean}\n */\nfunction isElementHiddenDirectly(element) {\n // Check inline style first to save a re-flow.\n const style = element.style;\n if (style.visibility === 'hidden' || style.display === 'none') {\n return true;\n }\n\n const computedStyle = window.getComputedStyle(element);\n if (computedStyle.visibility === 'hidden' || computedStyle.display === 'none') {\n return true;\n }\n\n return false;\n}\n\n/**\n * Returns if element `a` has lower tab order compared to element `b`\n * (both elements are assumed to be focusable and tabbable).\n * Elements with tabindex = 0 have lower tab order compared to elements\n * with tabindex > 0.\n * If both have same tabindex, it returns false.\n *\n * @param {HTMLElement} a\n * @param {HTMLElement} b\n * @return {boolean}\n */\nfunction hasLowerTabOrder(a, b) {\n // Normalize tabIndexes\n // e.g. in Firefox `<div contenteditable>` has `tabIndex = -1`\n const ati = Math.max(a.tabIndex, 0);\n const bti = Math.max(b.tabIndex, 0);\n return ati === 0 || bti === 0 ? bti > ati : ati > bti;\n}\n\n/**\n * Merge sort iterator, merges the two arrays into one, sorted by tabindex.\n *\n * @param {HTMLElement[]} left\n * @param {HTMLElement[]} right\n * @return {HTMLElement[]}\n */\nfunction mergeSortByTabIndex(left, right) {\n const result = [];\n while (left.length > 0 && right.length > 0) {\n if (hasLowerTabOrder(left[0], right[0])) {\n result.push(right.shift());\n } else {\n result.push(left.shift());\n }\n }\n\n return result.concat(left, right);\n}\n\n/**\n * Sorts an array of elements by tabindex. Returns a new array.\n *\n * @param {HTMLElement[]} elements\n * @return {HTMLElement[]}\n */\nfunction sortElementsByTabIndex(elements) {\n // Implement a merge sort as Array.prototype.sort does a non-stable sort\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort\n const len = elements.length;\n if (len < 2) {\n return elements;\n }\n const pivot = Math.ceil(len / 2);\n const left = sortElementsByTabIndex(elements.slice(0, pivot));\n const right = sortElementsByTabIndex(elements.slice(pivot));\n\n return mergeSortByTabIndex(left, right);\n}\n\n/**\n * Returns true if the element is hidden, false otherwise.\n *\n * An element is treated as hidden when any of the following conditions are met:\n * - the element itself or one of its ancestors has `display: none`.\n * - the element has or inherits `visibility: hidden`.\n *\n * @param {HTMLElement} element\n * @return {boolean}\n */\nexport function isElementHidden(element) {\n // `offsetParent` is `null` when the element itself\n // or one of its ancestors is hidden with `display: none`.\n // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n // However `offsetParent` is also null when the element is using fixed\n // positioning, so additionally check if the element takes up layout space.\n if (element.offsetParent === null && element.clientWidth === 0 && element.clientHeight === 0) {\n return true;\n }\n\n return isElementHiddenDirectly(element);\n}\n\n/**\n * Returns true if the element is focusable, otherwise false.\n *\n * The list of focusable elements is taken from http://stackoverflow.com/a/1600194/4228703.\n * However, there isn't a definite list, it's up to the browser.\n * The only standard we have is DOM Level 2 HTML https://www.w3.org/TR/DOM-Level-2-HTML/html.html,\n * according to which the only elements that have a `focus()` method are:\n * - HTMLInputElement\n * - HTMLSelectElement\n * - HTMLTextAreaElement\n * - HTMLAnchorElement\n *\n * This notably omits HTMLButtonElement and HTMLAreaElement.\n * Referring to these tests with tabbables in different browsers\n * http://allyjs.io/data-tables/focusable.html\n *\n * @param {HTMLElement} element\n * @return {boolean}\n */\nexport function isElementFocusable(element) {\n // The element cannot be focused if its `tabindex` attribute is set to `-1`.\n if (element.matches('[tabindex=\"-1\"]')) {\n return false;\n }\n\n // Elements that cannot be focused if they have a `disabled` attribute.\n if (element.matches('input, select, textarea, button, object')) {\n return element.matches(':not([disabled])');\n }\n\n // Elements that can be focused even if they have a `disabled` attribute.\n return element.matches('a[href], area[href], iframe, [tabindex], [contentEditable]');\n}\n\n/**\n * Returns true if the element is focused, false otherwise.\n *\n * @param {HTMLElement} element\n * @return {boolean}\n */\nexport function isElementFocused(element) {\n return element.getRootNode().activeElement === element;\n}\n\n/**\n * Returns the normalized element tabindex. If not focusable, returns -1.\n * It checks for the attribute \"tabindex\" instead of the element property\n * `tabIndex` since browsers assign different values to it.\n * e.g. in Firefox `<div contenteditable>` has `tabIndex = -1`\n *\n * @param {HTMLElement} element\n * @return {number}\n */\nfunction normalizeTabIndex(element) {\n if (!isElementFocusable(element)) {\n return -1;\n }\n\n const tabIndex = element.getAttribute('tabindex') || 0;\n return Number(tabIndex);\n}\n\n/**\n * Searches for nodes that are tabbable and adds them to the `result` array.\n * Returns if the `result` array needs to be sorted by tabindex.\n *\n * @param {Node} node The starting point for the search; added to `result` if tabbable.\n * @param {HTMLElement[]} result\n * @return {boolean}\n * @private\n */\nfunction collectFocusableNodes(node, result) {\n if (node.nodeType !== Node.ELEMENT_NODE || isElementHiddenDirectly(node)) {\n // Don't traverse children if the node is not an HTML element or not visible.\n return false;\n }\n\n const element = /** @type {HTMLElement} */ (node);\n const tabIndex = normalizeTabIndex(element);\n let needsSort = tabIndex > 0;\n if (tabIndex >= 0) {\n result.push(element);\n }\n\n let children = [];\n if (element.localName === 'slot') {\n children = element.assignedNodes({ flatten: true });\n } else {\n // Use shadow root if possible, will check for distributed nodes.\n children = (element.shadowRoot || element).children;\n }\n [...children].forEach((child) => {\n // Ensure method is always invoked to collect focusable children.\n needsSort = collectFocusableNodes(child, result) || needsSort;\n });\n return needsSort;\n}\n\n/**\n * Returns a tab-ordered array of focusable elements for a root element.\n * The resulting array will include the root element if it is focusable.\n *\n * The method traverses nodes in shadow DOM trees too if any.\n *\n * @param {HTMLElement} element\n * @return {HTMLElement[]}\n */\nexport function getFocusableElements(element) {\n const focusableElements = [];\n const needsSortByTabIndex = collectFocusableNodes(element, focusableElements);\n // If there is at least one element with tabindex > 0,\n // we need to sort the final array by tabindex.\n if (needsSortByTabIndex) {\n return sortElementsByTabIndex(focusableElements);\n }\n return focusableElements;\n}\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';\n\n/**\n * @typedef ReactiveController\n * @type {import('lit').ReactiveController}\n */\n\n/**\n * A mixin for connecting controllers to the element.\n *\n * @polymerMixin\n */\nexport const ControllerMixin = dedupingMixin((superClass) => {\n // If the superclass extends from LitElement,\n // use its own controllers implementation.\n if (typeof superClass.prototype.addController === 'function') {\n return superClass;\n }\n\n return class ControllerMixinClass extends superClass {\n constructor() {\n super();\n\n /**\n * @type {Set<ReactiveController>}\n */\n this.__controllers = new Set();\n }\n\n /** @protected */\n connectedCallback() {\n super.connectedCallback();\n\n this.__controllers.forEach((c) => {\n if (c.hostConnected) {\n c.hostConnected();\n }\n });\n }\n\n /** @protected */\n disconnectedCallback() {\n super.disconnectedCallback();\n\n this.__controllers.forEach((c) => {\n if (c.hostDisconnected) {\n c.hostDisconnected();\n }\n });\n }\n\n /**\n * Registers a controller to participate in the element update cycle.\n *\n * @param {ReactiveController} controller\n * @protected\n */\n addController(controller) {\n this.__controllers.add(controller);\n // Call hostConnected if a controller is added after the element is attached.\n if (this.$ !== undefined && this.isConnected && controller.hostConnected) {\n controller.hostConnected();\n }\n }\n\n /**\n * Removes a controller from the element.\n *\n * @param {ReactiveController} controller\n * @protected\n */\n removeController(controller) {\n this.__controllers.delete(controller);\n }\n };\n});\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\n\n/**\n * Returns an array of ancestor root nodes for the given node.\n *\n * A root node is either a document node or a document fragment node (Shadow Root).\n * The array is collected by a bottom-up DOM traversing that starts with the given node\n * and involves both the light DOM and ancestor shadow DOM trees.\n *\n * @param {Node} node\n * @return {Node[]}\n */\nexport function getAncestorRootNodes(node) {\n const result = [];\n\n while (node) {\n if (node.nodeType === Node.DOCUMENT_NODE) {\n result.push(node);\n break;\n }\n\n if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {\n result.push(node);\n node = node.host;\n continue;\n }\n\n if (node.assignedSlot) {\n node = node.assignedSlot;\n continue;\n }\n\n node = node.parentNode;\n }\n\n return result;\n}\n\n/**\n * Returns the list of flattened elements for the given `node`.\n * This list consists of a node's children and, for any children that are\n * `<slot>` elements, the expanded flattened list of `assignedElements`.\n *\n * @param {Node} node\n * @return {Element[]}\n */\nexport function getFlattenedElements(node) {\n const result = [];\n let elements;\n if (node.localName === 'slot') {\n elements = node.assignedElements();\n } else {\n result.push(node);\n elements = [...node.children];\n }\n elements.forEach((elem) => result.push(...getFlattenedElements(elem)));\n return result;\n}\n\n/**\n * Traverses the given node and its parents, including those that are across\n * the shadow root boundaries, until it finds a node that matches the selector.\n *\n * @param {string} selector The CSS selector to match against\n * @param {Node} node The starting node for the traversal\n * @return {Node | null} The closest matching element, or null if no match is found\n */\nexport function getClosestElement(selector, node) {\n if (!node) {\n return null;\n }\n\n return node.closest(selector) || getClosestElement(selector, node.getRootNode().host);\n}\n\n/**\n * Takes a string with values separated by space and returns a set the values\n *\n * @param {string} value\n * @return {Set<string>}\n */\nexport function deserializeAttributeValue(value) {\n if (!value) {\n return new Set();\n }\n\n return new Set(value.split(' '));\n}\n\n/**\n * Takes a set of string values and returns a string with values separated by space\n *\n * @param {Set<string>} values\n * @return {string}\n */\nexport function serializeAttributeValue(values) {\n return values ? [...values].join(' ') : '';\n}\n\n/**\n * Adds a value to an attribute containing space-delimited values.\n *\n * @param {HTMLElement} element\n * @param {string} attr\n * @param {string} value\n */\nexport function addValueToAttribute(element, attr, value) {\n const values = deserializeAttributeValue(element.getAttribute(attr));\n values.add(value);\n element.setAttribute(attr, serializeAttributeValue(values));\n}\n\n/**\n * Removes a value from an attribute containing space-delimited values.\n * If the value is the last one, the whole attribute is removed.\n *\n * @param {HTMLElement} element\n * @param {string} attr\n * @param {string} value\n */\nexport function removeValueFromAttribute(element, attr, value) {\n const values = deserializeAttributeValue(element.getAttribute(attr));\n values.delete(value);\n if (values.size === 0) {\n element.removeAttribute(attr);\n return;\n }\n element.setAttribute(attr, serializeAttributeValue(values));\n}\n\n/**\n * Returns true if the given node is an empty text node, false otherwise.\n *\n * @param {Node} node\n * @return {boolean}\n */\nexport function isEmptyTextNode(node) {\n return node.nodeType === Node.TEXT_NODE && node.textContent.trim() === '';\n}\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { isEmptyTextNode } from './dom-utils.js';\nimport { SlotObserver } from './slot-observer.js';\nimport { generateUniqueId } from './unique-id-utils.js';\n\n/**\n * A controller for providing content to slot element and observing changes.\n */\nexport class SlotController extends EventTarget {\n /**\n * Ensure that every instance has unique ID.\n *\n * @param {HTMLElement} host\n * @param {string} slotName\n * @return {string}\n * @protected\n */\n static generateId(host, slotName) {\n const prefix = slotName || 'default';\n return `${prefix}-${host.localName}-${generateUniqueId()}`;\n }\n\n constructor(host, slotName, tagName, config = {}) {\n super();\n\n const { initializer, multiple, observe, useUniqueId } = config;\n\n this.host = host;\n this.slotName = slotName;\n this.tagName = tagName;\n this.observe = typeof observe === 'boolean' ? observe : true;\n this.multiple = typeof multiple === 'boolean' ? multiple : false;\n this.slotInitializer = initializer;\n\n if (multiple) {\n this.nodes = [];\n }\n\n // Only generate the default ID if requested by the controller.\n if (useUniqueId) {\n this.defaultId = this.constructor.generateId(host, slotName);\n }\n }\n\n hostConnected() {\n if (!this.initialized) {\n if (this.multiple) {\n this.initMultiple();\n } else {\n this.initSingle();\n }\n\n if (this.observe) {\n this.observeSlot();\n }\n\n this.initialized = true;\n }\n }\n\n /** @protected */\n initSingle() {\n let node = this.getSlotChild();\n\n if (!node) {\n node = this.attachDefaultNode();\n this.initNode(node);\n } else {\n this.node = node;\n this.initAddedNode(node);\n }\n }\n\n /** @protected */\n initMultiple() {\n const children = this.getSlotChildren();\n\n if (children.length === 0) {\n const defaultNode = this.attachDefaultNode();\n if (defaultNode) {\n this.nodes = [defaultNode];\n this.initNode(defaultNode);\n }\n } else {\n this.nodes = children;\n children.forEach((node) => {\n this.initAddedNode(node);\n });\n }\n }\n\n /**\n * Create and attach default node using the provided tag name, if any.\n * @return {Node | undefined}\n * @protected\n */\n attachDefaultNode() {\n const { host, slotName, tagName } = this;\n\n // Check if the node was created previously and if so, reuse it.\n let node = this.defaultNode;\n\n // Tag name is optional, sometimes we don't init default content.\n if (!node && tagName) {\n node = document.createElement(tagName);\n if (node instanceof Element) {\n if (slotName !== '') {\n node.setAttribute('slot', slotName);\n }\n this.defaultNode = node;\n }\n }\n\n if (node) {\n this.node = node;\n host.appendChild(node);\n }\n\n return node;\n }\n\n /**\n * Return the list of nodes matching the slot managed by the controller.\n * @return {Node}\n */\n getSlotChildren() {\n const { slotName } = this;\n return Array.from(this.host.childNodes).filter((node) => {\n // Either an element (any slot) or a text node (only un-named slot).\n return (\n (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) ||\n (node.nodeType === Node.TEXT_NODE && node.textContent.trim() && slotName === '')\n );\n });\n }\n\n /**\n * Return a reference to the node managed by the controller.\n * @return {Node}\n */\n getSlotChild() {\n return this.getSlotChildren()[0];\n }\n\n /**\n * Run `slotInitializer` for the node managed by the controller.\n *\n * @param {Node} node\n * @protected\n */\n initNode(node) {\n const { slotInitializer } = this;\n // Don't try to bind `this` to initializer (normally it's arrow function).\n // Instead, pass the host as a first argument to access component's state.\n if (slotInitializer) {\n slotInitializer(node, this.host);\n }\n }\n\n /**\n * Override to initialize the newly added custom node.\n *\n * @param {Node} _node\n * @protected\n */\n initCustomNode(_node) {}\n\n /**\n * Override to teardown slotted node when it's removed.\n *\n * @param {Node} _node\n * @protected\n */\n teardownNode(_node) {}\n\n /**\n * Run both `initCustomNode` and `initNode` for a custom slotted node.\n *\n * @param {Node} node\n * @protected\n */\n initAddedNode(node) {\n if (node !== this.defaultNode) {\n this.initCustomNode(node);\n this.initNode(node);\n }\n }\n\n /**\n * Setup the observer to manage slot content changes.\n * @protected\n */\n observeSlot() {\n const { slotName } = this;\n const selector = slotName === '' ? 'slot:not([name])' : `slot[name=${slotName}]`;\n const slot = this.host.shadowRoot.querySelector(selector);\n\n this.__slotObserver = new SlotObserver(slot, ({ addedNodes, removedNodes }) => {\n const current = this.multiple ? this.nodes : [this.node];\n\n // Calling `slot.assignedNodes()` includes whitespace text nodes in case of default slot:\n // unlike comment nodes, they are not filtered out. So we need to manually ignore them.\n const newNodes = addedNodes.filter((node) => !isEmptyTextNode(node) && !current.includes(node));\n\n if (removedNodes.length) {\n this.nodes = current.filter((node) => !removedNodes.includes(node));\n\n removedNodes.forEach((node) => {\n this.teardownNode(node);\n });\n }\n\n if (newNodes && newNodes.length > 0) {\n if (this.multiple) {\n // Remove default node if exists\n if (this.defaultNode) {\n this.defaultNode.remove();\n }\n this.nodes = [...current, ...newNodes].filter((node) => node !== this.defaultNode);\n newNodes.forEach((node) => {\n this.initAddedNode(node);\n });\n } else {\n // Remove previous node if exists\n if (this.node) {\n this.node.remove();\n }\n this.node = newNodes[0];\n this.initAddedNode(this.node);\n }\n }\n });\n }\n}\n","/**\n * @license\n * Copyright (c) 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\n\n/**\n * A helper for observing slot changes.\n */\nexport class SlotObserver {\n constructor(slot, callback) {\n /** @type HTMLSlotElement */\n this.slot = slot;\n\n /** @type Function */\n this.callback = callback;\n\n /** @type {Node[]} */\n this._storedNodes = [];\n\n this._connected = false;\n this._scheduled = false;\n\n this._boundSchedule = () => {\n this._schedule();\n };\n\n this.connect();\n this._schedule();\n }\n\n /**\n * Activates an observer. This method is automatically called when\n * a `SlotObserver` is created. It should only be called to re-activate\n * an observer that has been deactivated via the `disconnect` method.\n */\n connect() {\n this.slot.addEventListener('slotchange', this._boundSchedule);\n this._connected = true;\n }\n\n /**\n * Deactivates the observer. After calling this method the observer callback\n * will not be called when changes to slotted nodes occur. The `connect` method\n * may be subsequently called to reactivate the observer.\n */\n disconnect() {\n this.slot.removeEventListener('slotchange', this._boundSchedule);\n this._connected = false;\n }\n\n /** @private */\n _schedule() {\n if (!this._scheduled) {\n this._scheduled = true;\n\n queueMicrotask(() => {\n this.flush();\n });\n }\n }\n\n /**\n * Run the observer callback synchronously.\n */\n flush() {\n if (!this._connected) {\n return;\n }\n\n this._scheduled = false;\n\n this._processNodes();\n }\n\n /** @private */\n _processNodes() {\n const currentNodes = this.slot.assignedNodes({ flatten: true });\n\n let addedNodes = [];\n const removedNodes = [];\n const movedNodes = [];\n\n if (currentNodes.length) {\n addedNodes = currentNodes.filter((node) => !this._storedNodes.includes(node));\n }\n\n if (this._storedNodes.length) {\n this._storedNodes.forEach((node, index) => {\n const idx = currentNodes.indexOf(node);\n if (idx === -1) {\n removedNodes.push(node);\n } else if (idx !== index) {\n movedNodes.push(node);\n }\n });\n }\n\n if (addedNodes.length || removedNodes.length || movedNodes.length) {\n this.callback({ addedNodes, movedNodes, removedNodes });\n }\n\n this._storedNodes = currentNodes;\n }\n}\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\n\nlet uniqueId = 0;\n\n/**\n * Resets the unique id counter.\n *\n * @return {void}\n */\nexport function resetUniqueId() {\n uniqueId = 0;\n}\n\n/**\n * Returns a unique integer id.\n *\n * @return {number}\n */\nexport function generateUniqueId() {\n // eslint-disable-next-line no-plusplus\n return uniqueId++;\n}\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport './version.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { addLumoGlobalStyles } from './global.js';\n\nconst font = css`\n :host {\n /* prettier-ignore */\n --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n\n /* Font sizes */\n --lumo-font-size-xxs: 0.75rem;\n --lumo-font-size-xs: 0.8125rem;\n --lumo-font-size-s: 0.875rem;\n --lumo-font-size-m: 1rem;\n --lumo-font-size-l: 1.125rem;\n --lumo-font-size-xl: 1.375rem;\n --lumo-font-size-xxl: 1.75rem;\n --lumo-font-size-xxxl: 2.5rem;\n\n /* Line heights */\n --lumo-line-height-xs: 1.25;\n --lumo-line-height-s: 1.375;\n --lumo-line-height-m: 1.625;\n }\n`;\n\nconst typography = css`\n body,\n :host {\n font-family: var(--lumo-font-family);\n font-size: var(--lumo-font-size-m);\n line-height: var(--lumo-line-height-m);\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n small,\n [theme~='font-size-s'] {\n font-size: var(--lumo-font-size-s);\n line-height: var(--lumo-line-height-s);\n }\n\n [theme~='font-size-xs'] {\n font-size: var(--lumo-font-size-xs);\n line-height: var(--lumo-line-height-xs);\n }\n\n :where(h1, h2, h3, h4, h5, h6) {\n font-weight: 600;\n line-height: var(--lumo-line-height-xs);\n margin-block: 0;\n }\n\n :where(h1) {\n font-size: var(--lumo-font-size-xxxl);\n }\n\n :where(h2) {\n font-size: var(--lumo-font-size-xxl);\n }\n\n :where(h3) {\n font-size: var(--lumo-font-size-xl);\n }\n\n :where(h4) {\n font-size: var(--lumo-font-size-l);\n }\n\n :where(h5) {\n font-size: var(--lumo-font-size-m);\n }\n\n :where(h6) {\n font-size: var(--lumo-font-size-xs);\n text-transform: uppercase;\n letter-spacing: 0.03em;\n }\n\n p,\n blockquote {\n margin-top: 0.5em;\n margin-bottom: 0.75em;\n }\n\n a {\n text-decoration: none;\n }\n\n a:where(:any-link):hover {\n text-decoration: underline;\n }\n\n hr {\n display: block;\n align-self: stretch;\n height: 1px;\n border: 0;\n padding: 0;\n margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);\n background-color: var(--lumo-contrast-10pct);\n }\n\n blockquote {\n border-left: 2px solid var(--lumo-contrast-30pct);\n }\n\n b,\n strong {\n font-weight: 600;\n }\n\n /* RTL specific styles */\n blockquote[dir='rtl'] {\n border-left: none;\n border-right: 2px solid var(--lumo-contrast-30pct);\n }\n`;\n\nregisterStyles('', typography, { moduleId: 'lumo-typography' });\naddLumoGlobalStyles('typography-props', font);\n\nexport { font, typography };\n"],"names":["keyboardActive","getDeepActiveElement","host","document","activeElement","body","shadowRoot","isKeyboardActive","isElementHiddenDirectly","element","style","visibility","display","computedStyle","window","getComputedStyle","hasLowerTabOrder","a","b","ati","Math","max","tabIndex","bti","sortElementsByTabIndex","elements","len","length","pivot","ceil","left","right","result","push","shift","concat","mergeSortByTabIndex","slice","isElementHidden","offsetParent","clientWidth","clientHeight","isElementFocused","getRootNode","collectFocusableNodes","node","nodeType","Node","ELEMENT_NODE","matches","isElementFocusable","getAttribute","Number","normalizeTabIndex","needsSort","children","localName","assignedNodes","flatten","forEach","child","getFocusableElements","focusableElements","addEventListener","capture","ControllerMixin","y","superClass","prototype","addController","constructor","super","this","__controllers","Set","connectedCallback","c","hostConnected","disconnectedCallback","hostDisconnected","controller","add","undefined","$","isConnected","removeController","delete","getAncestorRootNodes","DOCUMENT_NODE","DOCUMENT_FRAGMENT_NODE","assignedSlot","parentNode","getFlattenedElements","assignedElements","elem","getClosestElement","selector","closest","deserializeAttributeValue","value","split","serializeAttributeValue","values","join","addValueToAttribute","attr","setAttribute","removeValueFromAttribute","size","removeAttribute","isEmptyTextNode","TEXT_NODE","textContent","trim","SlotController","EventTarget","generateId","slotName","_unique_id_utils_js__WEBPACK_IMPORTED_MODULE_2__","I","tagName","config","initializer","multiple","observe","useUniqueId","slotInitializer","nodes","defaultId","initialized","initMultiple","initSingle","observeSlot","getSlotChild","initAddedNode","attachDefaultNode","initNode","getSlotChildren","defaultNode","createElement","Element","appendChild","Array","from","childNodes","filter","slot","initCustomNode","_node","teardownNode","querySelector","__slotObserver","_slot_observer_js__WEBPACK_IMPORTED_MODULE_1__","P","addedNodes","removedNodes","current","newNodes","_dom_utils_js__WEBPACK_IMPORTED_MODULE_0__","ZA","includes","remove","SlotObserver","callback","_storedNodes","_connected","_scheduled","_boundSchedule","_schedule","connect","disconnect","removeEventListener","queueMicrotask","flush","_processNodes","currentNodes","movedNodes","index","idx","indexOf","uniqueId","generateUniqueId","font","_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_1__","AH","typography","SF","moduleId","_global_js__WEBPACK_IMPORTED_MODULE_2__","q"],"sourceRoot":""}
@@ -0,0 +1,339 @@
1
+ /*! For license information please see 6649.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1411,3792,4268,6649,7125,9030,9506],{5745(t,e,o){o.d(e,{i:()=>r});const r=(0,o(98741).y)(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()}})},7888(t,e,o){o.d(e,{f:()=>r});const r=(0,o(98741).y)(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){}})},36176(t,e,o){o.d(e,{l:()=>a});var r=o(5745);const a=t=>class extends((0,r.i)(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)}}},89389(t,e,o){o.d(e,{$:()=>b});var r=o(13256),a=o(55774),i=o(82901),n=o(72562),s=o(81488),l=o(87550);const d=o(51450).AH`
3
+ :host {
4
+ display: inline-block;
5
+ position: relative;
6
+ outline: none;
7
+ white-space: nowrap;
8
+ -webkit-user-select: none;
9
+ -moz-user-select: none;
10
+ user-select: none;
11
+ }
12
+
13
+ :host([hidden]) {
14
+ display: none !important;
15
+ }
16
+
17
+ /* Aligns the button with form fields when placed on the same line.
18
+ Note, to make it work, the form fields should have the same "::before" pseudo-element. */
19
+ .vaadin-button-container::before {
20
+ content: '\\2003';
21
+ display: inline-block;
22
+ width: 0;
23
+ max-height: 100%;
24
+ }
25
+
26
+ .vaadin-button-container {
27
+ display: inline-flex;
28
+ align-items: center;
29
+ justify-content: center;
30
+ text-align: center;
31
+ width: 100%;
32
+ height: 100%;
33
+ min-height: inherit;
34
+ text-shadow: inherit;
35
+ }
36
+
37
+ [part='prefix'],
38
+ [part='suffix'] {
39
+ flex: none;
40
+ }
41
+
42
+ [part='label'] {
43
+ white-space: nowrap;
44
+ overflow: hidden;
45
+ text-overflow: ellipsis;
46
+ }
47
+
48
+ @media (forced-colors: active) {
49
+ :host {
50
+ outline: 1px solid;
51
+ outline-offset: -1px;
52
+ }
53
+
54
+ :host([focused]) {
55
+ outline-width: 2px;
56
+ }
57
+
58
+ :host([disabled]) {
59
+ outline-color: GrayText;
60
+ }
61
+ }
62
+ `;var c=o(84467),u=o(53149),h=o(36176);const m=t=>class extends((0,c.e)((0,h.l)((0,u.y)(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.SF)("vaadin-button",d,{moduleId:"vaadin-button-styles"});class b extends(m((0,n.q)((0,l.cp)((0,a.w)(r.Pu))))){static get is(){return"vaadin-button"}static get template(){return r.qy`
63
+ <div class="vaadin-button-container">
64
+ <span part="prefix" aria-hidden="true">
65
+ <slot name="prefix"></slot>
66
+ </span>
67
+ <span part="label">
68
+ <slot></slot>
69
+ </span>
70
+ <span part="suffix" aria-hidden="true">
71
+ <slot name="suffix"></slot>
72
+ </span>
73
+ </div>
74
+ <slot name="tooltip"></slot>
75
+ `}ready(){super.ready(),this._tooltipController=new s.I(this),this.addController(this._tooltipController)}}(0,i.X)(b)},93555(t,e,o){o.d(e,{x:()=>a}),o(64511),o(42068),o(9433),o(3241),o(83315);var r=o(87550);const a=r.AH`
76
+ :host {
77
+ /* Sizing */
78
+ --lumo-button-size: var(--lumo-size-m);
79
+ min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));
80
+ height: var(--_button-size);
81
+ padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));
82
+ margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);
83
+ box-sizing: border-box;
84
+ /* Style */
85
+ font-family: var(--lumo-font-family);
86
+ font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));
87
+ font-weight: var(--vaadin-button-font-weight, 500);
88
+ color: var(--_lumo-button-text-color);
89
+ background: var(--_lumo-button-background);
90
+ border: var(--vaadin-button-border, none);
91
+ border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));
92
+ cursor: var(--lumo-clickable-cursor);
93
+ -webkit-tap-highlight-color: transparent;
94
+ -webkit-font-smoothing: antialiased;
95
+ -moz-osx-font-smoothing: grayscale;
96
+ flex-shrink: 0;
97
+ --_button-size: var(--vaadin-button-height, var(--lumo-button-size));
98
+ --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
99
+ --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
100
+ /* Used by notification */
101
+ --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));
102
+ --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));
103
+ --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));
104
+ --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));
105
+ }
106
+
107
+ /* Set only for the internal parts so we don't affect the host vertical alignment */
108
+ [part='label'],
109
+ [part='prefix'],
110
+ [part='suffix'] {
111
+ line-height: var(--lumo-line-height-xs);
112
+ }
113
+
114
+ [part='label'] {
115
+ padding: calc(var(--lumo-button-size) / 6) 0;
116
+ }
117
+
118
+ :host([theme~='small']) {
119
+ font-size: var(--lumo-font-size-s);
120
+ --lumo-button-size: var(--lumo-size-s);
121
+ }
122
+
123
+ :host([theme~='large']) {
124
+ font-size: var(--lumo-font-size-l);
125
+ --lumo-button-size: var(--lumo-size-l);
126
+ }
127
+
128
+ /* For interaction states */
129
+ :host::before,
130
+ :host::after {
131
+ content: '';
132
+ /* We rely on the host always being relative */
133
+ position: absolute;
134
+ z-index: 1;
135
+ inset: 0;
136
+ background-color: currentColor;
137
+ border-radius: inherit;
138
+ opacity: 0;
139
+ pointer-events: none;
140
+ }
141
+
142
+ /* Hover */
143
+
144
+ @media (any-hover: hover) {
145
+ :host(:hover)::before {
146
+ opacity: 0.02;
147
+ }
148
+ }
149
+
150
+ /* Active */
151
+
152
+ :host::after {
153
+ transition: opacity 1.4s, transform 0.1s;
154
+ filter: blur(8px);
155
+ }
156
+
157
+ :host([active])::before {
158
+ opacity: 0.05;
159
+ transition-duration: 0s;
160
+ }
161
+
162
+ :host([active])::after {
163
+ opacity: 0.1;
164
+ transition-duration: 0s, 0s;
165
+ transform: scale(0);
166
+ }
167
+
168
+ /* Keyboard focus */
169
+
170
+ :host([focus-ring]) {
171
+ box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
172
+ }
173
+
174
+ :host([theme~='primary'][focus-ring]) {
175
+ box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
176
+ }
177
+
178
+ /* Types (primary, tertiary, tertiary-inline */
179
+
180
+ :host([theme~='tertiary']),
181
+ :host([theme~='tertiary-inline']) {
182
+ --_background: transparent !important;
183
+ background: var(--vaadin-button-tertiary-background, var(--_background));
184
+ min-width: 0;
185
+ }
186
+
187
+ :host([theme~='tertiary']) {
188
+ border: var(--vaadin-button-tertiary-border, none);
189
+ color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));
190
+ font-weight: var(--vaadin-button-tertiary-font-weight, 500);
191
+ padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));
192
+ }
193
+
194
+ :host([theme~='tertiary-inline'])::before {
195
+ display: none;
196
+ }
197
+
198
+ :host([theme~='tertiary-inline']) {
199
+ margin: 0;
200
+ height: auto;
201
+ padding: 0;
202
+ line-height: inherit;
203
+ font-size: inherit;
204
+ }
205
+
206
+ :host([theme~='tertiary-inline']) [part='label'] {
207
+ padding: 0;
208
+ overflow: visible;
209
+ line-height: inherit;
210
+ }
211
+
212
+ :host([theme~='primary']) {
213
+ background: var(--_lumo-button-primary-background);
214
+ border: var(--vaadin-button-primary-border, none);
215
+ color: var(--_lumo-button-primary-text-color);
216
+ font-weight: var(--vaadin-button-primary-font-weight, 600);
217
+ min-width: calc(var(--lumo-button-size) * 2.5);
218
+ }
219
+
220
+ :host([theme~='primary'])::before {
221
+ background-color: black;
222
+ }
223
+
224
+ @media (any-hover: hover) {
225
+ :host([theme~='primary']:hover)::before {
226
+ opacity: 0.05;
227
+ }
228
+ }
229
+
230
+ :host([theme~='primary'][active])::before {
231
+ opacity: 0.1;
232
+ }
233
+
234
+ :host([theme~='primary'][active])::after {
235
+ opacity: 0.2;
236
+ }
237
+
238
+ /* Colors (success, error, contrast) */
239
+
240
+ :host([theme~='success']) {
241
+ color: var(--lumo-success-text-color);
242
+ }
243
+
244
+ :host([theme~='success'][theme~='primary']) {
245
+ background-color: var(--lumo-success-color);
246
+ color: var(--lumo-success-contrast-color);
247
+ }
248
+
249
+ :host([theme~='error']) {
250
+ color: var(--lumo-error-text-color);
251
+ }
252
+
253
+ :host([theme~='error'][theme~='primary']) {
254
+ background-color: var(--lumo-error-color);
255
+ color: var(--lumo-error-contrast-color);
256
+ }
257
+
258
+ :host([theme~='contrast']) {
259
+ color: var(--lumo-contrast);
260
+ }
261
+
262
+ :host([theme~='contrast'][theme~='primary']) {
263
+ background-color: var(--lumo-contrast);
264
+ color: var(--lumo-base-color);
265
+ }
266
+
267
+ /* Disabled state. Keep selectors after other color variants. */
268
+
269
+ :host([disabled]) {
270
+ pointer-events: none;
271
+ color: var(--lumo-disabled-text-color);
272
+ }
273
+
274
+ :host([theme~='primary'][disabled]) {
275
+ background-color: var(--lumo-contrast-30pct);
276
+ color: var(--lumo-base-color);
277
+ }
278
+
279
+ :host([theme~='primary'][disabled]) [part] {
280
+ opacity: 0.7;
281
+ }
282
+
283
+ /* Icons */
284
+
285
+ [part] ::slotted(vaadin-icon) {
286
+ display: inline-block;
287
+ width: var(--lumo-icon-size-m);
288
+ height: var(--lumo-icon-size-m);
289
+ }
290
+
291
+ /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
292
+ [part] ::slotted(vaadin-icon[icon^='vaadin:']) {
293
+ padding: 0.25em;
294
+ box-sizing: border-box !important;
295
+ }
296
+
297
+ [part='prefix'] {
298
+ margin-left: -0.25em;
299
+ margin-right: 0.25em;
300
+ }
301
+
302
+ [part='suffix'] {
303
+ margin-left: 0.25em;
304
+ margin-right: -0.25em;
305
+ }
306
+
307
+ /* Icon-only */
308
+
309
+ :host([theme~='icon']:not([theme~='tertiary-inline'])) {
310
+ min-width: var(--lumo-button-size);
311
+ padding-left: calc(var(--lumo-button-size) / 4);
312
+ padding-right: calc(var(--lumo-button-size) / 4);
313
+ }
314
+
315
+ :host([theme~='icon']) [part='prefix'],
316
+ :host([theme~='icon']) [part='suffix'] {
317
+ margin-left: 0;
318
+ margin-right: 0;
319
+ }
320
+
321
+ /* RTL specific styles */
322
+
323
+ :host([dir='rtl']) [part='prefix'] {
324
+ margin-left: 0.25em;
325
+ margin-right: -0.25em;
326
+ }
327
+
328
+ :host([dir='rtl']) [part='suffix'] {
329
+ margin-left: -0.25em;
330
+ margin-right: 0.25em;
331
+ }
332
+
333
+ :host([dir='rtl'][theme~='icon']) [part='prefix'],
334
+ :host([dir='rtl'][theme~='icon']) [part='suffix'] {
335
+ margin-left: 0;
336
+ margin-right: 0;
337
+ }
338
+ `;(0,r.SF)("vaadin-button",a,{moduleId:"lumo-button"})},83799(t,e,o){o(93555),o(89389)}}]);
339
+ //# sourceMappingURL=6649.js.map
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+
7
+ /**
8
+ * @license
9
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
10
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
11
+ */
@@ -0,0 +1 @@
1
+ {"version":3,"file":"6649.js","mappings":"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","sources":["webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/a11y-base/src/disabled-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/a11y-base/src/keyboard-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/a11y-base/src/tabindex-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';\n\n/**\n * A mixin to provide disabled property for field components.\n *\n * @polymerMixin\n */\nexport const DisabledMixin = dedupingMixin(\n (superclass) =>\n class DisabledMixinClass extends superclass {\n static get properties() {\n return {\n /**\n * If true, the user cannot interact with this element.\n */\n disabled: {\n type: Boolean,\n value: false,\n observer: '_disabledChanged',\n reflectToAttribute: true,\n },\n };\n }\n\n /**\n * @param {boolean} disabled\n * @protected\n */\n _disabledChanged(disabled) {\n this._setAriaDisabled(disabled);\n }\n\n /**\n * @param {boolean} disabled\n * @protected\n */\n _setAriaDisabled(disabled) {\n if (disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n\n /**\n * Overrides the default element `click` method in order to prevent\n * firing the `click` event when the element is disabled.\n * @protected\n * @override\n */\n click() {\n if (!this.disabled) {\n super.click();\n }\n }\n },\n);\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';\n\n/**\n * A mixin that manages keyboard handling.\n * The mixin subscribes to the keyboard events while an actual implementation\n * for the event handlers is left to the client (a component or another mixin).\n *\n * @polymerMixin\n */\nexport const KeyboardMixin = dedupingMixin(\n (superclass) =>\n class KeyboardMixinClass extends superclass {\n /** @protected */\n ready() {\n super.ready();\n\n this.addEventListener('keydown', (event) => {\n this._onKeyDown(event);\n });\n\n this.addEventListener('keyup', (event) => {\n this._onKeyUp(event);\n });\n }\n\n /**\n * A handler for the `keydown` event. By default, it calls\n * separate methods for handling \"Enter\" and \"Escape\" keys.\n * Override the method to implement your own behavior.\n *\n * @param {KeyboardEvent} event\n * @protected\n */\n _onKeyDown(event) {\n switch (event.key) {\n case 'Enter':\n this._onEnter(event);\n break;\n case 'Escape':\n this._onEscape(event);\n break;\n default:\n break;\n }\n }\n\n /**\n * A handler for the `keyup` event. By default, it does nothing.\n * Override the method to implement your own behavior.\n *\n * @param {KeyboardEvent} _event\n * @protected\n */\n _onKeyUp(_event) {\n // To be implemented.\n }\n\n /**\n * A handler for the \"Enter\" key. By default, it does nothing.\n * Override the method to implement your own behavior.\n *\n * @param {KeyboardEvent} _event\n * @protected\n */\n _onEnter(_event) {\n // To be implemented.\n }\n\n /**\n * A handler for the \"Escape\" key. By default, it does nothing.\n * Override the method to implement your own behavior.\n *\n * @param {KeyboardEvent} _event\n * @protected\n */\n _onEscape(_event) {\n // To be implemented.\n }\n },\n);\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { DisabledMixin } from './disabled-mixin.js';\n\n/**\n * A mixin to toggle the `tabindex` attribute.\n *\n * The attribute is set to -1 whenever the user disables the element\n * and restored with the last known value once the element is enabled.\n *\n * @polymerMixin\n * @mixes DisabledMixin\n */\nexport const TabindexMixin = (superclass) =>\n class TabindexMixinClass extends DisabledMixin(superclass) {\n static get properties() {\n return {\n /**\n * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n *\n * @protected\n */\n tabindex: {\n type: Number,\n reflectToAttribute: true,\n observer: '_tabindexChanged',\n },\n\n /**\n * Stores the last known tabindex since the element has been disabled.\n *\n * @protected\n */\n _lastTabIndex: {\n type: Number,\n },\n };\n }\n\n /**\n * When the element gets disabled, the observer saves the last known tabindex\n * and makes the element not focusable by setting tabindex to -1.\n * As soon as the element gets enabled, the observer restores the last known tabindex\n * so that the element can be focusable again.\n *\n * @protected\n * @override\n */\n _disabledChanged(disabled, oldDisabled) {\n super._disabledChanged(disabled, oldDisabled);\n\n if (disabled) {\n if (this.tabindex !== undefined) {\n this._lastTabIndex = this.tabindex;\n }\n this.tabindex = -1;\n } else if (oldDisabled) {\n this.tabindex = this._lastTabIndex;\n }\n }\n\n /**\n * When the user has changed tabindex while the element is disabled,\n * the observer reverts tabindex to -1 and rather saves the new tabindex value to apply it later.\n * The new value will be applied as soon as the element becomes enabled.\n *\n * @protected\n */\n _tabindexChanged(tabindex) {\n if (this.disabled && tabindex !== -1) {\n this._lastTabIndex = tabindex;\n this.tabindex = -1;\n }\n }\n };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n :host {\n display: inline-block;\n position: relative;\n outline: none;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n /* Aligns the button with form fields when placed on the same line.\n Note, to make it work, the form fields should have the same \"::before\" pseudo-element. */\n .vaadin-button-container::before {\n content: '\\\\2003';\n display: inline-block;\n width: 0;\n max-height: 100%;\n }\n\n .vaadin-button-container {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 100%;\n min-height: inherit;\n text-shadow: inherit;\n }\n\n [part='prefix'],\n [part='suffix'] {\n flex: none;\n }\n\n [part='label'] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (forced-colors: active) {\n :host {\n outline: 1px solid;\n outline-offset: -1px;\n }\n\n :host([focused]) {\n outline-width: 2px;\n }\n\n :host([disabled]) {\n outline-color: GrayText;\n }\n }\n`;\n\nexport const buttonTemplate = (html) => html`\n <div class=\"vaadin-button-container\">\n <span part=\"prefix\" aria-hidden=\"true\">\n <slot name=\"prefix\"></slot>\n </span>\n <span part=\"label\">\n <slot></slot>\n </span>\n <span part=\"suffix\" aria-hidden=\"true\">\n <slot name=\"suffix\"></slot>\n </span>\n </div>\n <slot name=\"tooltip\"></slot>\n`;\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/**\n * A mixin providing common button functionality.\n *\n * @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n */\nexport const ButtonMixin = (superClass) =>\n class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n static get properties() {\n return {\n /**\n * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n *\n * @override\n * @protected\n */\n tabindex: {\n type: Number,\n value: 0,\n reflectToAttribute: true,\n },\n };\n }\n\n /**\n * By default, `Space` is the only possible activation key for a focusable HTML element.\n * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n *\n * @protected\n * @override\n */\n get _activeKeys() {\n return ['Enter', ' '];\n }\n\n /** @protected */\n ready() {\n super.ready();\n\n // By default, if the user hasn't provided a custom role,\n // the role attribute is set to \"button\".\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n }\n\n /**\n * Since the button component is designed on the base of the `[role=button]` attribute,\n * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n * it should manually fire the `click` event once an activation key is pressed,\n * as it follows from the WAI-ARIA specifications:\n * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n *\n * According to the UI Events specifications,\n * the `click` event should be fired exactly on `keydown`:\n * https://www.w3.org/TR/uievents/#event-type-keydown\n *\n * @param {KeyboardEvent} event\n * @protected\n * @override\n */\n _onKeyDown(event) {\n super._onKeyDown(event);\n\n if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {\n return;\n }\n\n if (this._activeKeys.includes(event.key)) {\n event.preventDefault();\n\n // `DisabledMixin` overrides the standard `click()` method\n // so that it doesn't fire the `click` event when the element is disabled.\n this.click();\n }\n }\n };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/**\n * `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n *\n * ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name | Description\n * ----------|-------------\n * `label` | The label (text) inside the button.\n * `prefix` | A slot for content before the label (e.g. an icon).\n * `suffix` | A slot for content after the label (e.g. an icon).\n *\n * The following attributes are available for styling:\n *\n * Attribute | Description\n * -------------|-------------\n * `active` | Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled` | Set when the button is disabled.\n * `focus-ring` | Set when the button is focused using the keyboard.\n * `focused` | Set when the button is focused.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n static get is() {\n return 'vaadin-button';\n }\n\n static get template() {\n return buttonTemplate(html);\n }\n\n /** @protected */\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n :host {\n /* Sizing */\n --lumo-button-size: var(--lumo-size-m);\n min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));\n height: var(--_button-size);\n padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n box-sizing: border-box;\n /* Style */\n font-family: var(--lumo-font-family);\n font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n font-weight: var(--vaadin-button-font-weight, 500);\n color: var(--_lumo-button-text-color);\n background: var(--_lumo-button-background);\n border: var(--vaadin-button-border, none);\n border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n cursor: var(--lumo-clickable-cursor);\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-shrink: 0;\n --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n /* Used by notification */\n --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n }\n\n /* Set only for the internal parts so we don't affect the host vertical alignment */\n [part='label'],\n [part='prefix'],\n [part='suffix'] {\n line-height: var(--lumo-line-height-xs);\n }\n\n [part='label'] {\n padding: calc(var(--lumo-button-size) / 6) 0;\n }\n\n :host([theme~='small']) {\n font-size: var(--lumo-font-size-s);\n --lumo-button-size: var(--lumo-size-s);\n }\n\n :host([theme~='large']) {\n font-size: var(--lumo-font-size-l);\n --lumo-button-size: var(--lumo-size-l);\n }\n\n /* For interaction states */\n :host::before,\n :host::after {\n content: '';\n /* We rely on the host always being relative */\n position: absolute;\n z-index: 1;\n inset: 0;\n background-color: currentColor;\n border-radius: inherit;\n opacity: 0;\n pointer-events: none;\n }\n\n /* Hover */\n\n @media (any-hover: hover) {\n :host(:hover)::before {\n opacity: 0.02;\n }\n }\n\n /* Active */\n\n :host::after {\n transition: opacity 1.4s, transform 0.1s;\n filter: blur(8px);\n }\n\n :host([active])::before {\n opacity: 0.05;\n transition-duration: 0s;\n }\n\n :host([active])::after {\n opacity: 0.1;\n transition-duration: 0s, 0s;\n transform: scale(0);\n }\n\n /* Keyboard focus */\n\n :host([focus-ring]) {\n box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n }\n\n :host([theme~='primary'][focus-ring]) {\n box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n }\n\n /* Types (primary, tertiary, tertiary-inline */\n\n :host([theme~='tertiary']),\n :host([theme~='tertiary-inline']) {\n --_background: transparent !important;\n background: var(--vaadin-button-tertiary-background, var(--_background));\n min-width: 0;\n }\n\n :host([theme~='tertiary']) {\n border: var(--vaadin-button-tertiary-border, none);\n color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n }\n\n :host([theme~='tertiary-inline'])::before {\n display: none;\n }\n\n :host([theme~='tertiary-inline']) {\n margin: 0;\n height: auto;\n padding: 0;\n line-height: inherit;\n font-size: inherit;\n }\n\n :host([theme~='tertiary-inline']) [part='label'] {\n padding: 0;\n overflow: visible;\n line-height: inherit;\n }\n\n :host([theme~='primary']) {\n background: var(--_lumo-button-primary-background);\n border: var(--vaadin-button-primary-border, none);\n color: var(--_lumo-button-primary-text-color);\n font-weight: var(--vaadin-button-primary-font-weight, 600);\n min-width: calc(var(--lumo-button-size) * 2.5);\n }\n\n :host([theme~='primary'])::before {\n background-color: black;\n }\n\n @media (any-hover: hover) {\n :host([theme~='primary']:hover)::before {\n opacity: 0.05;\n }\n }\n\n :host([theme~='primary'][active])::before {\n opacity: 0.1;\n }\n\n :host([theme~='primary'][active])::after {\n opacity: 0.2;\n }\n\n /* Colors (success, error, contrast) */\n\n :host([theme~='success']) {\n color: var(--lumo-success-text-color);\n }\n\n :host([theme~='success'][theme~='primary']) {\n background-color: var(--lumo-success-color);\n color: var(--lumo-success-contrast-color);\n }\n\n :host([theme~='error']) {\n color: var(--lumo-error-text-color);\n }\n\n :host([theme~='error'][theme~='primary']) {\n background-color: var(--lumo-error-color);\n color: var(--lumo-error-contrast-color);\n }\n\n :host([theme~='contrast']) {\n color: var(--lumo-contrast);\n }\n\n :host([theme~='contrast'][theme~='primary']) {\n background-color: var(--lumo-contrast);\n color: var(--lumo-base-color);\n }\n\n /* Disabled state. Keep selectors after other color variants. */\n\n :host([disabled]) {\n pointer-events: none;\n color: var(--lumo-disabled-text-color);\n }\n\n :host([theme~='primary'][disabled]) {\n background-color: var(--lumo-contrast-30pct);\n color: var(--lumo-base-color);\n }\n\n :host([theme~='primary'][disabled]) [part] {\n opacity: 0.7;\n }\n\n /* Icons */\n\n [part] ::slotted(vaadin-icon) {\n display: inline-block;\n width: var(--lumo-icon-size-m);\n height: var(--lumo-icon-size-m);\n }\n\n /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */\n [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n padding: 0.25em;\n box-sizing: border-box !important;\n }\n\n [part='prefix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n [part='suffix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n /* Icon-only */\n\n :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n min-width: var(--lumo-button-size);\n padding-left: calc(var(--lumo-button-size) / 4);\n padding-right: calc(var(--lumo-button-size) / 4);\n }\n\n :host([theme~='icon']) [part='prefix'],\n :host([theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n\n /* RTL specific styles */\n\n :host([dir='rtl']) [part='prefix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n :host([dir='rtl']) [part='suffix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n :host([dir='rtl'][theme~='icon']) [part='prefix'],\n :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n"],"names":["DisabledMixin","y","superclass","properties","disabled","type","Boolean","value","observer","reflectToAttribute","_disabledChanged","this","_setAriaDisabled","setAttribute","removeAttribute","click","super","KeyboardMixin","ready","addEventListener","event","_onKeyDown","_onKeyUp","key","_onEnter","_onEscape","_event","TabindexMixin","_disabled_mixin_js__WEBPACK_IMPORTED_MODULE_0__","i","tabindex","Number","_lastTabIndex","oldDisabled","undefined","_tabindexChanged","buttonStyles","AH","ButtonMixin","superClass","active_mixin","e","tabindex_mixin","l","focus_mixin","_activeKeys","hasAttribute","altKey","shiftKey","ctrlKey","metaKey","includes","preventDefault","vaadin_themable_mixin","SF","moduleId","Button","element_mixin","q","cp","controller_mixin","w","polymer_element","Pu","is","template","qy","_tooltipController","tooltip_controller","I","addController","src_define","X","button","_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_5__"],"sourceRoot":""}