@descope/web-components-ui 1.0.234 → 1.0.236

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. package/dist/cjs/index.cjs.js +770 -647
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.esm.js +754 -632
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/umd/{4513.js → 1721.js} +1 -1
  7. package/dist/umd/3003.js +1 -1
  8. package/dist/umd/3092.js +23 -18
  9. package/dist/umd/322.js +90 -0
  10. package/dist/umd/4226.js +1 -1
  11. package/dist/umd/4447.js +1 -2
  12. package/dist/umd/5345.js +1 -1
  13. package/dist/umd/5517.js +2 -0
  14. package/dist/umd/5806.js +3 -3
  15. package/dist/umd/5977.js +18 -13
  16. package/dist/umd/6091.js +1 -1
  17. package/dist/umd/6542.js +22 -22
  18. package/dist/umd/6770.js +2 -2
  19. package/dist/umd/7531.js +77 -6
  20. package/dist/umd/849.js +744 -0
  21. package/dist/umd/849.js.LICENSE.txt +11 -0
  22. package/dist/umd/8623.js +2 -0
  23. package/dist/umd/8725.js +2 -2
  24. package/dist/umd/{1990.js → 9092.js} +21 -17
  25. package/dist/umd/9211.js +33 -19
  26. package/dist/umd/{7514.js → 9558.js} +128 -110
  27. package/dist/umd/descope-badge-index-js.js +1 -0
  28. package/dist/umd/descope-button-index-js.js +1 -1
  29. package/dist/umd/descope-date-picker-index-js.js +1 -1
  30. package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
  31. package/dist/umd/descope-grid-descope-grid-status-column-index-js.js +1 -1
  32. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +1 -1
  33. package/dist/umd/descope-grid-index-js.js +1 -1
  34. package/dist/umd/index.js +1 -1
  35. package/package.json +14 -13
  36. package/src/components/descope-badge/BadgeClass.js +54 -0
  37. package/src/components/descope-badge/index.js +5 -0
  38. package/src/index.cjs.js +1 -0
  39. package/src/index.d.ts +1 -0
  40. package/src/theme/components/badge.js +71 -0
  41. package/src/theme/components/index.js +2 -0
  42. package/dist/umd/2873.js +0 -738
  43. package/dist/umd/2873.js.LICENSE.txt +0 -21
  44. package/dist/umd/446.js +0 -92
  45. package/dist/umd/729.js +0 -1
  46. package/dist/umd/9629.js +0 -2
  47. package/dist/umd/9671.js +0 -1
  48. /package/dist/umd/{4447.js.LICENSE.txt → 322.js.LICENSE.txt} +0 -0
  49. /package/dist/umd/{446.js.LICENSE.txt → 5517.js.LICENSE.txt} +0 -0
  50. /package/dist/umd/{9629.js.LICENSE.txt → 8623.js.LICENSE.txt} +0 -0
  51. /package/dist/umd/{1990.js.LICENSE.txt → 9092.js.LICENSE.txt} +0 -0
  52. /package/dist/umd/{7514.js.LICENSE.txt → 9558.js.LICENSE.txt} +0 -0
@@ -1,21 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright (c) 2016 - 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
- */
12
-
13
- /**
14
- @license
15
- Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
16
- This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
17
- The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
18
- The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
19
- Code distributed by Google as part of the polymer project is also
20
- subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
21
- */
package/dist/umd/446.js DELETED
@@ -1,92 +0,0 @@
1
- /*! For license information please see 446.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[446],{446:(e,t,A)=>{A.d(t,{n:()=>d}),A(1195),A(9849),A(9416);var i=A(6570);(0,i.hC)("vaadin-grid-sorter",i.iv`
3
- :host {
4
- justify-content: flex-start;
5
- align-items: baseline;
6
- -webkit-user-select: none;
7
- -moz-user-select: none;
8
- user-select: none;
9
- cursor: var(--lumo-clickable-cursor);
10
- }
11
-
12
- [part='content'] {
13
- display: inline-block;
14
- overflow: hidden;
15
- text-overflow: ellipsis;
16
- }
17
-
18
- [part='indicators'] {
19
- margin-left: var(--lumo-space-s);
20
- }
21
-
22
- [part='indicators']::before {
23
- transform: scale(0.8);
24
- }
25
-
26
- :host(:not([direction]):not(:hover)) [part='indicators'] {
27
- color: var(--lumo-tertiary-text-color);
28
- }
29
-
30
- :host([direction]) {
31
- color: var(--lumo-primary-text-color);
32
- }
33
-
34
- [part='order'] {
35
- font-size: var(--lumo-font-size-xxs);
36
- line-height: 1;
37
- }
38
-
39
- /* RTL specific styles */
40
-
41
- :host([dir='rtl']) [part='indicators'] {
42
- margin-right: var(--lumo-space-s);
43
- margin-left: 0;
44
- }
45
- `,{moduleId:"lumo-grid-sorter"});var r=A(4241),n=A(2807),o=A(1914);const s=document.createElement("template");s.innerHTML="\n <style>\n @font-face {\n font-family: 'vaadin-grid-sorter-icons';\n src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQwAA0AAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEFAAAABkAAAAcfep+mUdERUYAAAP4AAAAHAAAAB4AJwAOT1MvMgAAAZgAAAA/AAAAYA8TBPpjbWFwAAAB7AAAAFUAAAFeF1fZ4mdhc3AAAAPwAAAACAAAAAgAAAAQZ2x5ZgAAAlgAAABcAAAAnMvguMloZWFkAAABMAAAAC8AAAA2C5Ap72hoZWEAAAFgAAAAHQAAACQGbQPHaG10eAAAAdgAAAAUAAAAHAoAAABsb2NhAAACRAAAABIAAAASAIwAYG1heHAAAAGAAAAAFgAAACAACwAKbmFtZQAAArQAAAECAAACZxWCgKhwb3N0AAADuAAAADUAAABZCrApUXicY2BkYGAA4rDECVrx/DZfGbhZGEDgyqNPOxH0/wNMq5kPALkcDEwgUQBWRA0dAHicY2BkYGA+8P8AAwMLAwgwrWZgZEAFbABY4QM8AAAAeJxjYGRgYOAAQiYGEICQSAAAAi8AFgAAeJxjYGY6yziBgZWBgWkm0xkGBoZ+CM34msGYkZMBFTAKoAkwODAwvmRiPvD/AIMDMxCD1CDJKjAwAgBktQsXAHicY2GAAMZQCM0EwqshbAALxAEKeJxjYGBgZoBgGQZGBhCIAPIYwXwWBhsgzcXAwcAEhIwMCi+Z/v/9/x+sSuElA4T9/4k4K1gHFwMMMILMY2QDYmaoABOQYGJABUA7WBiGNwAAJd4NIQAAAAAAAAAACAAIABAAGAAmAEAATgAAeJyNjLENgDAMBP9tIURJwQCMQccSZgk2i5fIYBDAidJjycXr7x5EPwE2wY8si7jmyBNXGo/bNBerxJNrpxhbO3/fEFpx8ZICpV+ghxJ74fAMe+h7Ox14AbrsHB14nK2QQWrDMBRER4mTkhQK3ZRQKOgCNk7oGQqhhEIX2WSlWEI1BAlkJ5CDdNsj5Ey9Rncdi38ES+jzNJo/HwTgATcoDEthhY3wBHc4CE+pfwsX5F/hGe7Vo/AcK/UhvMSz+mGXKhZU6pww8ISz3oWn1BvhgnwTnuEJf8Jz1OpFeIlX9YULDLdFi4ASHolkSR0iuYdjLak1vAequBhj21D61Nqyi6l3qWybGPjySbPHGScGJl6dP58MYcQRI0bts7mjebBqrFENH7t3qWtj0OuqHnXcW7b0HOTZFnKryRGW2hFX1m0O2vEM3opNMfTau+CS6Z3Vx6veNnEXY6jwDxhsc2gAAHicY2BiwA84GBgYmRiYGJkZmBlZGFkZ2djScyoLMgzZS/MyDQwMwLSrpYEBlIbxjQDrzgsuAAAAAAEAAf//AA94nGNgZGBg4AFiMSBmYmAEQnYgZgHzGAAD6wA2eJxjYGBgZACCKyoz1cD0o087YTQATOcIewAAAA==) format('woff');\n font-weight: normal;\n font-style: normal;\n }\n </style>\n",document.head.appendChild(s.content);class a extends((0,i.Tb)((0,o.U)(r.H3))){static get template(){return r.dy`
46
- <style>
47
- :host {
48
- display: inline-flex;
49
- cursor: pointer;
50
- max-width: 100%;
51
- }
52
-
53
- [part='content'] {
54
- flex: 1 1 auto;
55
- }
56
-
57
- [part='indicators'] {
58
- position: relative;
59
- align-self: center;
60
- flex: none;
61
- }
62
-
63
- [part='order'] {
64
- display: inline;
65
- vertical-align: super;
66
- }
67
-
68
- [part='indicators']::before {
69
- font-family: 'vaadin-grid-sorter-icons';
70
- display: inline-block;
71
- }
72
-
73
- :host(:not([direction])) [part='indicators']::before {
74
- content: '\\e901';
75
- }
76
-
77
- :host([direction='asc']) [part='indicators']::before {
78
- content: '\\e900';
79
- }
80
-
81
- :host([direction='desc']) [part='indicators']::before {
82
- content: '\\e902';
83
- }
84
- </style>
85
-
86
- <div part="content">
87
- <slot></slot>
88
- </div>
89
- <div part="indicators">
90
- <span part="order">[[_getDisplayOrder(_order)]]</span>
91
- </div>
92
- `}static get is(){return"vaadin-grid-sorter"}static get properties(){return{path:String,direction:{type:String,reflectToAttribute:!0,notify:!0,value:null},_order:{type:Number,value:null},_isConnected:{type:Boolean,observer:"__isConnectedChanged"}}}static get observers(){return["_pathOrDirectionChanged(path, direction)"]}ready(){super.ready(),this.addEventListener("click",this._onClick.bind(this))}connectedCallback(){super.connectedCallback(),this._isConnected=!0}disconnectedCallback(){super.disconnectedCallback(),this._isConnected=!1,!this.parentNode&&this._grid&&this._grid.__removeSorters([this])}_pathOrDirectionChanged(){this.__dispatchSorterChangedEvenIfPossible()}__isConnectedChanged(e,t){!1!==t&&this.__dispatchSorterChangedEvenIfPossible()}__dispatchSorterChangedEvenIfPossible(){void 0!==this.path&&void 0!==this.direction&&this._isConnected&&(this.dispatchEvent(new CustomEvent("sorter-changed",{detail:{shiftClick:Boolean(this._shiftClick),fromSorterClick:Boolean(this._fromSorterClick)},bubbles:!0,composed:!0})),this._fromSorterClick=!1,this._shiftClick=!1)}_getDisplayOrder(e){return null===e?"":e+1}_onClick(e){if(e.defaultPrevented)return;const t=this.getRootNode().activeElement;this!==t&&this.contains(t)||(e.preventDefault(),this._shiftClick=e.shiftKey,this._fromSorterClick=!0,"asc"===this.direction?this.direction="desc":"desc"===this.direction?this.direction=null:this.direction="asc")}}(0,n.M)(a);var c=A(4089);class d extends c.C{static get is(){return"vaadin-grid-sort-column"}static get properties(){return{path:String,direction:{type:String,notify:!0}}}static get observers(){return["_onHeaderRendererOrBindingChanged(_headerRenderer, _headerCell, path, header, direction)"]}constructor(){super(),this.__boundOnDirectionChanged=this.__onDirectionChanged.bind(this)}_defaultHeaderRenderer(e,t){let A=e.firstElementChild;A||(A=document.createElement("vaadin-grid-sorter"),A.addEventListener("direction-changed",this.__boundOnDirectionChanged),e.appendChild(A)),A.path=this.path,A.__rendererDirection=this.direction,A.direction=this.direction,A.textContent=this.__getHeader(this.header,this.path)}_computeHeaderRenderer(){return this._defaultHeaderRenderer}__onDirectionChanged(e){e.detail.value!==e.target.__rendererDirection&&(this.direction=e.detail.value)}__getHeader(e,t){return e||(t?this._generateHeader(t):void 0)}}(0,n.M)(d)}}]);
package/dist/umd/729.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[729],{729:(e,s,c)=>{c(4513),c(7078)}}]);
package/dist/umd/9629.js DELETED
@@ -1,2 +0,0 @@
1
- /*! For license information please see 9629.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[9629],{9629:(e,t,i)=>{i.d(t,{w:()=>a}),i(6545),i(3654);var d=i(2807),r=i(4089),s=i(9109);const n=e=>class extends e{static get properties(){return{width:{type:String,value:"58px"},flexGrow:{type:Number,value:0},selectAll:{type:Boolean,value:!1,notify:!0},autoSelect:{type:Boolean,value:!1},dragSelect:{type:Boolean,value:!1},_indeterminate:Boolean,_selectAllHidden:Boolean}}static get observers(){return["_onHeaderRendererOrBindingChanged(_headerRenderer, _headerCell, path, header, selectAll, _indeterminate, _selectAllHidden)"]}_defaultHeaderRenderer(e,t){let i=e.firstElementChild;i||(i=document.createElement("vaadin-checkbox"),i.setAttribute("aria-label","Select All"),i.classList.add("vaadin-grid-select-all-checkbox"),e.appendChild(i),i.addEventListener("checked-changed",this.__onSelectAllCheckedChanged.bind(this)));const d=this.__isChecked(this.selectAll,this._indeterminate);i.__rendererChecked=d,i.checked=d,i.hidden=this._selectAllHidden,i.indeterminate=this._indeterminate}_defaultRenderer(e,t,{item:i,selected:d}){let r=e.firstElementChild;r||(r=document.createElement("vaadin-checkbox"),r.setAttribute("aria-label","Select Row"),e.appendChild(r),r.addEventListener("checked-changed",this.__onSelectRowCheckedChanged.bind(this)),(0,s.NH)(e,"track",this.__onCellTrack.bind(this)),e.addEventListener("mousedown",this.__onCellMouseDown.bind(this)),e.addEventListener("click",this.__onCellClick.bind(this))),r.__item=i,r.__rendererChecked=d,r.checked=d}__onSelectAllCheckedChanged(e){e.target.checked!==e.target.__rendererChecked&&(this._indeterminate||e.target.checked?this._selectAll():this._deselectAll())}__onSelectRowCheckedChanged(e){e.target.checked!==e.target.__rendererChecked&&(e.target.checked?this._selectItem(e.target.__item):this._deselectItem(e.target.__item))}__onCellTrack(e){if(this.dragSelect)if(this.__dragCurrentY=e.detail.y,this.__dragDy=e.detail.dy,"start"===e.detail.state){const t=this._grid._getRenderedRows().find((t=>t.contains(e.currentTarget.assignedSlot)));this.__dragSelect=!this._grid._isSelected(t._item),this.__dragStartIndex=t.index,this.__dragStartItem=t._item,this.__dragAutoScroller()}else"end"===e.detail.state&&(this.__dragStartItem&&(this.__dragSelect?this._selectItem(this.__dragStartItem):this._deselectItem(this.__dragStartItem)),setTimeout((()=>{this.__dragStartIndex=void 0})))}__onCellMouseDown(e){this.dragSelect&&e.preventDefault()}__onCellClick(e){void 0!==this.__dragStartIndex&&e.preventDefault()}__dragAutoScroller(){if(void 0===this.__dragStartIndex)return;const e=this._grid._getRenderedRows(),t=e.find((e=>{const t=e.getBoundingClientRect();return this.__dragCurrentY>=t.top&&this.__dragCurrentY<=t.bottom}));let i=t?t.index:void 0;const d=this.__getScrollableArea();this.__dragCurrentY<d.top?i=this._grid._firstVisibleIndex:this.__dragCurrentY>d.bottom&&(i=this._grid._lastVisibleIndex),void 0!==i&&e.forEach((e=>{(i>this.__dragStartIndex&&e.index>=this.__dragStartIndex&&e.index<=i||i<this.__dragStartIndex&&e.index<=this.__dragStartIndex&&e.index>=i)&&(this.__dragSelect?this._selectItem(e._item):this._deselectItem(e._item),this.__dragStartItem=void 0)}));const r=.15*d.height;if(this.__dragDy<0&&this.__dragCurrentY<d.top+r){const e=d.top+r-this.__dragCurrentY,t=Math.min(1,e/r);this._grid.$.table.scrollTop-=10*t}if(this.__dragDy>0&&this.__dragCurrentY>d.bottom-r){const e=this.__dragCurrentY-(d.bottom-r),t=Math.min(1,e/r);this._grid.$.table.scrollTop+=10*t}setTimeout((()=>this.__dragAutoScroller()),10)}__getScrollableArea(){const e=this._grid.$.table.getBoundingClientRect(),t=this._grid.$.header.getBoundingClientRect(),i=this._grid.$.footer.getBoundingClientRect();return{top:e.top+t.height,bottom:e.bottom-i.height,left:e.left,right:e.right,height:e.height-t.height-i.height,width:e.width}}_selectAll(){}_deselectAll(){}_selectItem(e){}_deselectItem(e){}__isChecked(e,t){return t||e}};class a extends(n(r.C)){static get is(){return"vaadin-grid-selection-column"}static get properties(){return{__previousActiveItem:Object}}static get observers(){return["__onSelectAllChanged(selectAll)"]}constructor(){super(),this.__boundOnActiveItemChanged=this.__onActiveItemChanged.bind(this),this.__boundOnDataProviderChanged=this.__onDataProviderChanged.bind(this),this.__boundOnSelectedItemsChanged=this.__onSelectedItemsChanged.bind(this)}disconnectedCallback(){this._grid.removeEventListener("active-item-changed",this.__boundOnActiveItemChanged),this._grid.removeEventListener("data-provider-changed",this.__boundOnDataProviderChanged),this._grid.removeEventListener("filter-changed",this.__boundOnSelectedItemsChanged),this._grid.removeEventListener("selected-items-changed",this.__boundOnSelectedItemsChanged),super.disconnectedCallback()}connectedCallback(){super.connectedCallback(),this._grid&&(this._grid.addEventListener("active-item-changed",this.__boundOnActiveItemChanged),this._grid.addEventListener("data-provider-changed",this.__boundOnDataProviderChanged),this._grid.addEventListener("filter-changed",this.__boundOnSelectedItemsChanged),this._grid.addEventListener("selected-items-changed",this.__boundOnSelectedItemsChanged))}__onSelectAllChanged(e){void 0!==e&&this._grid&&(this.__selectAllInitialized?this._selectAllChangeLock||(e&&this.__hasArrayDataProvider()?this.__withFilteredItemsArray((e=>{this._grid.selectedItems=e})):this._grid.selectedItems=[]):this.__selectAllInitialized=!0)}__arrayContains(e,t){return Array.isArray(e)&&Array.isArray(t)&&t.every((t=>e.includes(t)))}_selectAll(){this.selectAll=!0}_deselectAll(){this.selectAll=!1}_selectItem(e){this._grid.selectItem(e)}_deselectItem(e){this._grid.deselectItem(e)}__onActiveItemChanged(e){const t=e.detail.value;if(this.autoSelect){const e=t||this.__previousActiveItem;e&&this._grid._toggleItem(e)}this.__previousActiveItem=t}__hasArrayDataProvider(){return Array.isArray(this._grid.items)&&!!this._grid.dataProvider}__onSelectedItemsChanged(){this._selectAllChangeLock=!0,this.__hasArrayDataProvider()&&this.__withFilteredItemsArray((e=>{this._grid.selectedItems.length?this.__arrayContains(this._grid.selectedItems,e)?(this.selectAll=!0,this._indeterminate=!1):(this.selectAll=!1,this._indeterminate=!0):(this.selectAll=!1,this._indeterminate=!1)})),this._selectAllChangeLock=!1}__onDataProviderChanged(){this._selectAllHidden=!Array.isArray(this._grid.items)}__withFilteredItemsArray(e){const t={page:0,pageSize:1/0,sortOrders:[],filters:this._grid._mapFilters()};this._grid.dataProvider(t,(t=>e(t)))}}(0,d.M)(a)}}]);
package/dist/umd/9671.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[9671],{4447:(r,e,t)=>{t.d(e,{Z:()=>s});const{host:o,label:p,placeholder:i,requiredIndicator:l,inputField:n,input:d,helperText:u,errorMessage:a}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:{selector:"> input:placeholder-shown"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},s={fontSize:[{},o],fontFamily:[p,n,u,a],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputBackgroundColor:{...n,property:"background-color"},labelTextColor:[{...p,property:"color"},{...l,property:"color"}],errorMessageTextColor:{...a,property:"color"},inputValueTextColor:{...n,property:"color"},inputCaretTextColor:{...d,property:"color"},labelRequiredIndicator:{...l,property:"content"},inputBorderColor:{...n,property:"border-color"},inputBorderWidth:{...n,property:"border-width"},inputBorderStyle:{...n,property:"border-style"},inputBorderRadius:{...n,property:"border-radius"},inputHeight:{...n,property:"height"},inputHorizontalPadding:[{...d,property:"padding-left"},{...d,property:"padding-right"}],inputOutlineColor:{...n,property:"outline-color"},inputOutlineStyle:{...n,property:"outline-style"},inputOutlineWidth:{...n,property:"outline-width"},inputOutlineOffset:{...n,property:"outline-offset"},inputTextAlign:{...d,property:"text-align"},inputPlaceholderColor:{...i,property:"color"}}}}]);