@kyndryl-design-system/shidoka-applications 2.77.0 → 2.78.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.
- package/components/reusable/search/search.js +1 -1
- package/components/reusable/search/search.js.map +1 -1
- package/components/reusable/table/story-helpers/ultils.sample.d.ts +8 -0
- package/components/reusable/table/story-helpers/ultils.sample.d.ts.map +1 -1
- package/components/reusable/table/table-header.d.ts +1 -0
- package/components/reusable/table/table-header.d.ts.map +1 -1
- package/components/reusable/table/table-header.js +20 -7
- package/components/reusable/table/table-header.js.map +1 -1
- package/package.json +3 -3
|
@@ -214,7 +214,7 @@ span[slot=icon] {
|
|
|
214
214
|
${this._assistiveText}
|
|
215
215
|
</div>
|
|
216
216
|
</div>
|
|
217
|
-
`}_buttonSizeMap(){switch(this.size){case"sm":return"small";case"lg":return"large";default:return"medium"}}_handleFocus(){this._focused=!0,this.enableSearchHistory&&(this._expanded=!0)}_handleButtonClick(){this._expanded=!0,setTimeout((()=>{var e,t;null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("kyn-text-input"))||void 0===t||t.focus()}),0)}_handleInput(e){this.value=e.detail.value,this._focused=!0,this._checkForMatchingSuggestions();const t={value:e.detail.value};e.detail.origEvent&&(t.origEvent=e.detail.origEvent);const s=new CustomEvent("on-input",{detail:t});this.dispatchEvent(s)}_handleSuggestionClick(e,t){"click"!==e.type&&(this.value=t,this._assistiveText=`${this._assistiveTextStrings.selected} ${this.value}`)}_handleSuggestionWithMouseUp(e){var t,s;this.value=e,this._assistiveText=`${this._assistiveTextStrings.selected} ${this.value}`,null===(s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("kyn-text-input"))||void 0===s||s.setValueAndNotify(this.value),this._focused=!1}_handleSuggestionWithMouseDown(e){e.preventDefault()}handleSearchKeydown(e){e.stopPropagation(),this.handleKeyboard(e,e.keyCode,"input")}handleListKeydown(e){9!==e.keyCode&&e.preventDefault(),this.handleKeyboard(e,e.keyCode,"list")}handleKeyboard(e,t,s){var i,a,n;const
|
|
217
|
+
`}_buttonSizeMap(){switch(this.size){case"sm":return"small";case"lg":return"large";default:return"medium"}}_handleFocus(){this._focused=!0,this.enableSearchHistory&&(this._expanded=!0)}_handleButtonClick(){this._expanded=!0,setTimeout((()=>{var e,t;null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("kyn-text-input"))||void 0===t||t.focus()}),0)}_handleInput(e){this.value=e.detail.value,this._focused=!0,this._checkForMatchingSuggestions();const t={value:e.detail.value};e.detail.origEvent&&(t.origEvent=e.detail.origEvent);const s=new CustomEvent("on-input",{detail:t});this.dispatchEvent(s)}_handleSuggestionClick(e,t){"click"!==e.type&&(this.value=t,this._assistiveText=`${this._assistiveTextStrings.selected} ${this.value}`)}_handleSuggestionWithMouseUp(e){var t,s;this.value=e,this._assistiveText=`${this._assistiveTextStrings.selected} ${this.value}`,null===(s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("kyn-text-input"))||void 0===s||s.setValueAndNotify(this.value),this._focused=!1}_handleSuggestionWithMouseDown(e){e.preventDefault()}handleSearchKeydown(e){e.stopPropagation(),this.handleKeyboard(e,e.keyCode,"input")}handleListKeydown(e){9!==e.keyCode&&e.preventDefault(),this.handleKeyboard(e,e.keyCode,"list")}handleKeyboard(e,t,s){var i,a,n,o;const r=[...null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelectorAll(".suggestion")],l=r.find((e=>e.getAttribute("highlighted"))),h=l?r.indexOf(l):0;switch(t){case 13:{e.preventDefault();const t=null===(a=r[h])||void 0===a?void 0:a.innerText;return null===(o=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector("kyn-text-input"))||void 0===o||o.setValueAndNotify(t),"input"===s&&(this._assistiveText=`${this._assistiveTextStrings.selected} ${t}`),this._focused=!1,void(this._expanded=!1)}case 40:{const e=l?h===r.length-1?0:h+1:0;return r[h].removeAttribute("highlighted"),r[e].setAttribute("highlighted",!0),r[e].scrollIntoView({block:"nearest"}),void(this._assistiveText=`${this.suggestions[e]}`)}case 38:{const e=0===h?r.length-1:h-1;return r[h].removeAttribute("highlighted"),r[e].setAttribute("highlighted",!0),r[e].scrollIntoView({block:"nearest"}),void(this._assistiveText=`${this.suggestions[e]}`)}default:return}}_checkForMatchingSuggestions(){var e;if(""===this.value)return void(this._assistiveText=this._assistiveTextStrings.searchSuggestions);const t=[...null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".suggestion")],s=this.suggestions.findIndex((e=>e.toLowerCase().includes(this.value.toLowerCase())));t.forEach((e=>{e.removeAttribute("highlighted")})),-1!==s?(t[s].scrollIntoView({block:"nearest"}),this._assistiveText=`${this._assistiveTextStrings.found} ${this.suggestions[s]}`):this._assistiveText=`${this._assistiveTextStrings.noMatches} ${this.value}`}willUpdate(e){e.has("assistiveTextStrings")&&(this._assistiveTextStrings=f(b,this.assistiveTextStrings))}_renderSuggestionContent(e,t){const s=t||this.searchHistory.includes(e)?h`<span style="display:flex">${n(x)}</span>`:null;if(t)return h`
|
|
218
218
|
<div class="suggestion-content">
|
|
219
219
|
${s}
|
|
220
220
|
<span>${e}</span>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.js","sources":["../../../../src/components/reusable/search/search.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport Styles from './search.scss?inline';\nimport '../textInput';\nimport '../button';\nimport searchIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/search.svg';\nimport historyIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/history.svg';\nimport { deepmerge } from 'deepmerge-ts';\n\nconst _defaultTextStrings = {\n searchSuggestions: 'Search suggestions.',\n noMatches: 'No matches found for',\n selected: 'Selected',\n found: 'Found',\n recentSearches: 'Recent searches',\n};\n\n/**\n * Search\n * @fires on-input - Emits the value on text input/clear.`detail:{ origEvent: InputEvent,value: string }`\n */\n@customElement('kyn-search')\nexport class Search extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Input name. */\n @property({ type: String })\n accessor name = '';\n\n /** Label text. */\n @property({ type: String })\n accessor label = 'Search';\n\n /** Expandable style search. */\n @property({ type: Boolean })\n accessor expandable = false;\n\n /** Input value. */\n @property({ type: String })\n accessor value = '';\n\n /** Input & button size. */\n @property({ type: String })\n accessor size = 'md';\n\n /** Disabled state. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Auto-suggest array of strings that should match the current value. Update this array externally after on-input. */\n @property({ type: Array })\n accessor suggestions: Array<string> = [];\n\n /** Auto-suggest history array of strings. Update this array externally after on-input. */\n @property({ type: Array })\n accessor searchHistory: Array<string> = [];\n\n /** Expandable style search button description (Required to support accessibility). */\n @property({ type: String })\n accessor expandableSearchBtnDescription = '';\n\n /** Assistive text strings. */\n @property({ type: Object })\n accessor assistiveTextStrings = _defaultTextStrings;\n\n /** To show history searches in suggestion panel */\n @property({ type: Boolean })\n accessor enableSearchHistory = false;\n\n /**\n * Internal assistive text strings.\n * @internal\n * */\n @state()\n accessor _assistiveTextStrings = _defaultTextStrings;\n\n /**\n * Assistive text for screen readers.\n * @internal\n */\n @state()\n accessor _assistiveText = 'Search suggestions.';\n\n /** Input focused state.\n * @internal\n */\n @state()\n accessor _focused = false;\n\n /** Expanded state.\n * @internal\n */\n @state()\n accessor _expanded = false;\n\n /** Expanded state.\n * @internal\n */\n @query('kyn-text-input')\n accessor _textInput!: any;\n\n override render() {\n const classes = {\n search: true,\n expanded: this._expanded,\n expandable: this.expandable,\n focused: this._focused,\n 'has-value': this.value !== '' || this.enableSearchHistory,\n };\n\n return html`\n <div class=\"${classMap(classes)}\">\n <kyn-button\n kind=\"secondary\"\n size=${this._buttonSizeMap()}\n description=${ifDefined(this.expandableSearchBtnDescription)}\n ?disabled=${this.disabled}\n @on-click=${this._handleButtonClick}\n >\n <span slot=\"icon\">${unsafeSVG(searchIcon)}</span>\n </kyn-button>\n\n <kyn-text-input\n name=${this.name}\n type=\"search\"\n placeholder=${this.label}\n hideLabel\n value=${this.value}\n size=${this.size}\n ?disabled=${this.disabled}\n @on-input=${(e: CustomEvent) => this._handleInput(e)}\n @focus=${this._handleFocus}\n autoComplete=\"off\"\n @keydown=${(e: any) => this.handleSearchKeydown(e)}\n >\n ${this.label}\n <span slot=\"icon\">${unsafeSVG(searchIcon)}</span>\n </kyn-text-input>\n\n <div\n class=\"suggestions\"\n @keydown=${(e: any) => this.handleListKeydown(e)}\n >\n ${(() => {\n const isSearchHistory =\n this.value === '' && this.enableSearchHistory;\n const listToRender = isSearchHistory\n ? this.searchHistory\n : this.suggestions;\n\n return html`\n ${isSearchHistory\n ? html`<div class=\"suggestion-title\">\n ${this.assistiveTextStrings.recentSearches}\n </div>`\n : null}\n ${listToRender.map(\n (suggestion) => html`\n <div\n class=\"suggestion\"\n @click=${(e: any) =>\n this._handleSuggestionClick(e, suggestion)}\n @mouseup=${() =>\n this._handleSuggestionWithMouseUp(suggestion)}\n @mousedown=${(e: any) =>\n this._handleSuggestionWithMouseDown(e)}\n >\n ${this._renderSuggestionContent(\n suggestion,\n isSearchHistory\n )}\n </div>\n `\n )}\n `;\n })()}\n </div>\n <div\n class=\"assistive-text\"\n role=\"status\"\n aria-live=\"assertive\"\n aria-relevant=\"additions text\"\n >\n ${this._assistiveText}\n </div>\n </div>\n `;\n }\n\n private _buttonSizeMap() {\n switch (this.size) {\n case 'sm':\n return 'small';\n case 'lg':\n return 'large';\n case 'md':\n default:\n return 'medium';\n }\n }\n\n private _handleFocus() {\n this._focused = true;\n\n if (this.enableSearchHistory) {\n this._expanded = true;\n }\n }\n\n private _handleButtonClick() {\n this._expanded = true;\n\n setTimeout(() => {\n this.shadowRoot?.querySelector('kyn-text-input')?.focus();\n }, 0);\n }\n\n private _handleInput(e: CustomEvent) {\n this.value = e.detail.value;\n this._focused = true;\n\n this._checkForMatchingSuggestions();\n\n const Detail: any = {\n value: e.detail.value,\n };\n\n if (e.detail.origEvent) {\n Detail.origEvent = e.detail.origEvent;\n }\n\n const event = new CustomEvent('on-input', {\n detail: Detail,\n });\n this.dispatchEvent(event);\n }\n\n private _handleSuggestionClick(e: any, suggestion: string) {\n if (e.type !== 'click') {\n this.value = suggestion;\n this._assistiveText = `${this._assistiveTextStrings.selected} ${this.value}`;\n }\n }\n\n private _handleSuggestionWithMouseUp(suggestion: string) {\n this.value = suggestion;\n this._assistiveText = `${this._assistiveTextStrings.selected} ${this.value}`;\n this.shadowRoot\n ?.querySelector('kyn-text-input')\n ?.setValueAndNotify(this.value);\n this._focused = false;\n }\n\n private _handleSuggestionWithMouseDown(e: any) {\n e.preventDefault();\n }\n\n private handleSearchKeydown(e: any) {\n e.stopPropagation();\n this.handleKeyboard(e, e.keyCode, 'input');\n }\n\n private handleListKeydown(e: any) {\n const TAB_KEY_CODE = 9;\n if (e.keyCode !== TAB_KEY_CODE) {\n e.preventDefault();\n }\n\n this.handleKeyboard(e, e.keyCode, 'list');\n }\n\n private handleKeyboard(e: any, keyCode: number, target: string) {\n // const SPACEBAR_KEY_CODE = [0, 32];\n const ENTER_KEY_CODE = 13;\n const DOWN_ARROW_KEY_CODE = 40;\n const UP_ARROW_KEY_CODE = 38;\n\n // get highlighted element + index and selected element\n const Els: any = this.shadowRoot?.querySelectorAll('.suggestion');\n const suggestionEls: any = [...Els];\n const highlightedEl = suggestionEls.find((option: any) =>\n option.getAttribute('highlighted')\n );\n const highlightedIndex = highlightedEl\n ? suggestionEls.indexOf(highlightedEl)\n : 0;\n\n // prevent page scroll on spacebar press\n // if (SPACEBAR_KEY_CODE.includes(keyCode)) {\n // e.preventDefault();\n // }\n\n switch (keyCode) {\n case ENTER_KEY_CODE: {\n // select highlighted option\n e.preventDefault();\n const selectedValue = suggestionEls[highlightedIndex].innerText;\n this.shadowRoot\n ?.querySelector('kyn-text-input')\n ?.setValueAndNotify(selectedValue);\n if (target === 'input')\n this._assistiveText = `${this._assistiveTextStrings.selected} ${selectedValue}`;\n this._focused = false;\n this._expanded = false;\n return;\n }\n case DOWN_ARROW_KEY_CODE: {\n // go to next option\n const nextIndex = !highlightedEl\n ? 0\n : highlightedIndex === suggestionEls.length - 1\n ? 0\n : highlightedIndex + 1;\n\n suggestionEls[highlightedIndex].removeAttribute('highlighted');\n suggestionEls[nextIndex].setAttribute('highlighted', true);\n\n // scroll to option\n suggestionEls[nextIndex].scrollIntoView({ block: 'nearest' });\n this._assistiveText = `${this.suggestions[nextIndex]}`;\n return;\n }\n case UP_ARROW_KEY_CODE: {\n // go to previous option\n const nextIndex =\n highlightedIndex === 0\n ? suggestionEls.length - 1\n : highlightedIndex - 1;\n\n suggestionEls[highlightedIndex].removeAttribute('highlighted');\n suggestionEls[nextIndex].setAttribute('highlighted', true);\n\n // scroll to option\n suggestionEls[nextIndex].scrollIntoView({ block: 'nearest' });\n this._assistiveText = `${this.suggestions[nextIndex]}`;\n return;\n }\n default: {\n return;\n }\n }\n }\n\n private _checkForMatchingSuggestions() {\n if (this.value === '') {\n this._assistiveText = this._assistiveTextStrings.searchSuggestions;\n return;\n }\n const Els: any = this.shadowRoot?.querySelectorAll('.suggestion');\n const suggestionEls: any = [...Els];\n const matchedOptionIndex = this.suggestions.findIndex((option) => {\n return option.toLowerCase().includes(this.value.toLowerCase());\n });\n suggestionEls.forEach((option: any) => {\n option.removeAttribute('highlighted');\n });\n if (matchedOptionIndex === -1) {\n this._assistiveText = `${this._assistiveTextStrings.noMatches} ${this.value}`;\n return;\n }\n suggestionEls[matchedOptionIndex].scrollIntoView({ block: 'nearest' });\n this._assistiveText = `${this._assistiveTextStrings.found} ${this.suggestions[matchedOptionIndex]}`;\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('assistiveTextStrings')) {\n this._assistiveTextStrings = deepmerge(\n _defaultTextStrings,\n this.assistiveTextStrings\n );\n }\n }\n\n private _renderSuggestionContent(\n suggestion: string,\n isSearchHistory: boolean\n ) {\n const showHistoryIcon =\n isSearchHistory || this.searchHistory.includes(suggestion);\n\n const iconTemplate = showHistoryIcon\n ? html`<span style=\"display:flex\">${unsafeSVG(historyIcon)}</span>`\n : null;\n\n if (isSearchHistory) {\n return html`\n <div class=\"suggestion-content\">\n ${iconTemplate}\n <span>${suggestion}</span>\n </div>\n `;\n }\n\n const escapedValue = this.value\n .trim()\n .replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n const trailingSpace = this.value.endsWith(' ');\n\n const valueRegex = new RegExp(\n `(${escapedValue.replace(/\\s+/g, '\\\\s+')})`,\n 'ig'\n );\n\n if (!valueRegex.test(suggestion)) {\n return html`\n <div class=\"suggestion-content\">\n ${iconTemplate}\n <span>${suggestion}</span>\n </div>\n `;\n }\n\n const result = [];\n let lastIndex = 0;\n\n suggestion.replace(valueRegex, (match, _p1, offset) => {\n if (offset > lastIndex) {\n const textBefore = suggestion.slice(lastIndex, offset);\n result.push(this._wrapTextWithSpaces(textBefore));\n }\n result.push(html`<span class=\"bold-text\">${match}</span>`);\n lastIndex = offset + match.length;\n return match;\n });\n\n if (lastIndex < suggestion.length) {\n const textAfter = suggestion.slice(lastIndex);\n result.push(this._wrapTextWithSpaces(textAfter));\n }\n\n if (trailingSpace) {\n result.push(html`<span> </span>`);\n }\n\n return html`\n <div class=\"suggestion-content\">\n ${iconTemplate}\n <span class=\"text-parts\">${result}</span>\n </div>\n `;\n }\n\n private _wrapTextWithSpaces(text: string) {\n return html`${text\n .split(/(\\s)/)\n .map((part) =>\n part === ' '\n ? html`<span> </span>`\n : html`<span class=\"light-text\">${part}</span>`\n )}`;\n }\n\n private _handleClickOut(e: Event) {\n if (!e.composedPath().includes(this)) {\n setTimeout(() => {\n this._focused = false;\n if (this.value === '') {\n this._expanded = false;\n }\n }, 100);\n }\n }\n\n override connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', (e) => this._handleClickOut(e), true);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n document.removeEventListener('click', (e) => this._handleClickOut(e), true);\n }\n}\n"],"names":["_defaultTextStrings","searchSuggestions","noMatches","selected","found","recentSearches","Search","customElement","LitElement","_classThis","_classSuper","name","__classPrivateFieldGet","this","_Search_name_accessor_storage","value","__classPrivateFieldSet","label","_Search_label_accessor_storage","expandable","_Search_expandable_accessor_storage","_Search_value_accessor_storage","size","_Search_size_accessor_storage","disabled","_Search_disabled_accessor_storage","suggestions","_Search_suggestions_accessor_storage","searchHistory","_Search_searchHistory_accessor_storage","expandableSearchBtnDescription","_Search_expandableSearchBtnDescription_accessor_storage","assistiveTextStrings","_Search_assistiveTextStrings_accessor_storage","enableSearchHistory","_Search_enableSearchHistory_accessor_storage","_assistiveTextStrings","_Search__assistiveTextStrings_accessor_storage","_assistiveText","_Search__assistiveText_accessor_storage","_focused","_Search__focused_accessor_storage","_expanded","_Search__expanded_accessor_storage","_textInput","_Search__textInput_accessor_storage","render","classes","search","expanded","focused","html","classMap","_buttonSizeMap","ifDefined","_handleButtonClick","unsafeSVG","searchIcon","e","_handleInput","_handleFocus","handleSearchKeydown","handleListKeydown","isSearchHistory","listToRender","map","suggestion","_handleSuggestionClick","_handleSuggestionWithMouseUp","_handleSuggestionWithMouseDown","_renderSuggestionContent","setTimeout","_b","_a","shadowRoot","querySelector","focus","detail","_checkForMatchingSuggestions","Detail","origEvent","event","CustomEvent","dispatchEvent","type","setValueAndNotify","preventDefault","stopPropagation","handleKeyboard","keyCode","target","suggestionEls","querySelectorAll","highlightedEl","find","option","getAttribute","highlightedIndex","indexOf","selectedValue","innerText","_c","nextIndex","length","removeAttribute","setAttribute","scrollIntoView","block","matchedOptionIndex","findIndex","toLowerCase","includes","forEach","willUpdate","changedProps","has","deepmerge","iconTemplate","historyIcon","escapedValue","trim","replace","trailingSpace","endsWith","valueRegex","RegExp","test","result","lastIndex","match","_p1","offset","textBefore","slice","push","_wrapTextWithSpaces","textAfter","text","split","part","_handleClickOut","composedPath","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","set","__runInitializers","_name_initializers","_name_extraInitializers","_label_initializers","_label_extraInitializers","_expandable_initializers","_expandable_extraInitializers","_value_initializers","_value_extraInitializers","_size_initializers","_size_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_suggestions_initializers","_suggestions_extraInitializers","_searchHistory_initializers","_searchHistory_extraInitializers","_expandableSearchBtnDescription_initializers","_expandableSearchBtnDescription_extraInitializers","_assistiveTextStrings_initializers","_assistiveTextStrings_extraInitializers","_enableSearchHistory_initializers","_enableSearchHistory_extraInitializers","__assistiveTextStrings_initializers","__assistiveTextStrings_extraInitializers","__assistiveText_initializers","__assistiveText_extraInitializers","__focused_initializers","__focused_extraInitializers","__expanded_initializers","__expanded_extraInitializers","__textInput_initializers","_name_decorators","property","String","_label_decorators","_expandable_decorators","Boolean","_value_decorators","_size_decorators","_disabled_decorators","_suggestions_decorators","Array","_searchHistory_decorators","_expandableSearchBtnDescription_decorators","_assistiveTextStrings_decorators","Object","_enableSearchHistory_decorators","__assistiveTextStrings_decorators","state","__assistiveText_decorators","__focused_decorators","__expanded_decorators","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__textInput_decorators","__textInput_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAYA,MAAMA,EAAsB,CAC1BC,kBAAmB,sBACnBC,UAAW,uBACXC,SAAU,WACVC,MAAO,QACPC,eAAgB,uBAQLC,EAAM,sFADlBC,EAAc,wBACaC,yMAARC,EAAA,cAAQC,GAK1B,QAASC,GAAI,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAb,QAASH,CAAII,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAIb,SAASE,GAAK,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAd,SAASD,CAAKF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAId,cAASI,GAAU,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAAnB,cAASD,CAAUJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAInB,SAASA,GAAK,OAAAH,EAAAC,KAAAQ,EAAA,IAAA,CAAd,SAASN,CAAKA,GAAAC,EAAAH,KAAAQ,EAAAN,EAAA,IAAA,CAId,QAASO,GAAI,OAAAV,EAAAC,KAAAU,EAAA,IAAA,CAAb,QAASD,CAAIP,GAAAC,EAAAH,KAAAU,EAAAR,EAAA,IAAA,CAIb,YAASS,GAAQ,OAAAZ,EAAAC,KAAAY,EAAA,IAAA,CAAjB,YAASD,CAAQT,GAAAC,EAAAH,KAAAY,EAAAV,EAAA,IAAA,CAIjB,eAASW,GAAW,OAAAd,EAAAC,KAAAc,EAAA,IAAA,CAApB,eAASD,CAAWX,GAAAC,EAAAH,KAAAc,EAAAZ,EAAA,IAAA,CAIpB,iBAASa,GAAa,OAAAhB,EAAAC,KAAAgB,EAAA,IAAA,CAAtB,iBAASD,CAAab,GAAAC,EAAAH,KAAAgB,EAAAd,EAAA,IAAA,CAItB,kCAASe,GAA8B,OAAAlB,EAAAC,KAAAkB,EAAA,IAAA,CAAvC,kCAASD,CAA8Bf,GAAAC,EAAAH,KAAAkB,EAAAhB,EAAA,IAAA,CAIvC,wBAASiB,GAAoB,OAAApB,EAAAC,KAAAoB,EAAA,IAAA,CAA7B,wBAASD,CAAoBjB,GAAAC,EAAAH,KAAAoB,EAAAlB,EAAA,IAAA,CAI7B,uBAASmB,GAAmB,OAAAtB,EAAAC,KAAAsB,EAAA,IAAA,CAA5B,uBAASD,CAAmBnB,GAAAC,EAAAH,KAAAsB,EAAApB,EAAA,IAAA,CAO5B,yBAASqB,GAAqB,OAAAxB,EAAAC,KAAAwB,EAAA,IAAA,CAA9B,yBAASD,CAAqBrB,GAAAC,EAAAH,KAAAwB,EAAAtB,EAAA,IAAA,CAO9B,kBAASuB,GAAc,OAAA1B,EAAAC,KAAA0B,EAAA,IAAA,CAAvB,kBAASD,CAAcvB,GAAAC,EAAAH,KAAA0B,EAAAxB,EAAA,IAAA,CAMvB,YAASyB,GAAQ,OAAA5B,EAAAC,KAAA4B,EAAA,IAAA,CAAjB,YAASD,CAAQzB,GAAAC,EAAAH,KAAA4B,EAAA1B,EAAA,IAAA,CAMjB,aAAS2B,GAAS,OAAA9B,EAAAC,KAAA8B,EAAA,IAAA,CAAlB,aAASD,CAAS3B,GAAAC,EAAAH,KAAA8B,EAAA5B,EAAA,IAAA,CAMlB,cAAS6B,GAAU,OAAAhC,EAAAC,KAAAgC,EAAA,IAAA,CAAnB,cAASD,CAAU7B,GAAAC,EAAAH,KAAAgC,EAAA9B,EAAA,IAAA,CAEV,MAAA+B,GACP,MAAMC,EAAU,CACdC,QAAQ,EACRC,SAAUpC,KAAK6B,UACfvB,WAAYN,KAAKM,WACjB+B,QAASrC,KAAK2B,SACd,YAA4B,KAAf3B,KAAKE,OAAgBF,KAAKqB,qBAGzC,OAAOiB,CAAI;oBACKC,EAASL;;;iBAGZlC,KAAKwC;wBACEC,EAAUzC,KAAKiB;sBACjBjB,KAAKW;sBACLX,KAAK0C;;8BAEGC,EAAUC;;;;iBAIvB5C,KAAKF;;wBAEEE,KAAKI;;kBAEXJ,KAAKE;iBACNF,KAAKS;sBACAT,KAAKW;sBACJkC,GAAmB7C,KAAK8C,aAAaD;mBACzC7C,KAAK+C;;qBAEFF,GAAW7C,KAAKgD,oBAAoBH;;YAE9C7C,KAAKI;8BACauC,EAAUC;;;;;qBAKlBC,GAAW7C,KAAKiD,kBAAkBJ;;YAE5C,MACA,MAAMK,EACW,KAAflD,KAAKE,OAAgBF,KAAKqB,oBACtB8B,EAAeD,EACjBlD,KAAKe,cACLf,KAAKa,YAET,OAAOyB,CAAI;gBACPY,EACEZ,CAAI;sBACAtC,KAAKmB,qBAAqB3B;0BAE9B;gBACF2D,EAAaC,KACZC,GAAef,CAAI;;;6BAGNO,GACR7C,KAAKsD,uBAAuBT,EAAGQ;+BACtB,IACTrD,KAAKuD,6BAA6BF;iCACtBR,GACZ7C,KAAKwD,+BAA+BX;;sBAEpC7C,KAAKyD,yBACLJ,EACAH;;;aAMX,EAhCC;;;;;;;;YAwCAlD,KAAKyB;;;MAMP,cAAAe,GACN,OAAQxC,KAAKS,MACX,IAAK,KACH,MAAO,QACT,IAAK,KACH,MAAO,QAET,QACE,MAAO,UAIL,YAAAsC,GACN/C,KAAK2B,UAAW,EAEZ3B,KAAKqB,sBACPrB,KAAK6B,WAAY,GAIb,kBAAAa,GACN1C,KAAK6B,WAAY,EAEjB6B,YAAW,aACuC,QAAhDC,EAAe,QAAfC,EAAA5D,KAAK6D,kBAAU,IAAAD,OAAA,EAAAA,EAAEE,cAAc,yBAAiB,IAAAH,GAAAA,EAAEI,OAAO,GACxD,GAGG,YAAAjB,CAAaD,GACnB7C,KAAKE,MAAQ2C,EAAEmB,OAAO9D,MACtBF,KAAK2B,UAAW,EAEhB3B,KAAKiE,+BAEL,MAAMC,EAAc,CAClBhE,MAAO2C,EAAEmB,OAAO9D,OAGd2C,EAAEmB,OAAOG,YACXD,EAAOC,UAAYtB,EAAEmB,OAAOG,WAG9B,MAAMC,EAAQ,IAAIC,YAAY,WAAY,CACxCL,OAAQE,IAEVlE,KAAKsE,cAAcF,GAGb,sBAAAd,CAAuBT,EAAQQ,GACtB,UAAXR,EAAE0B,OACJvE,KAAKE,MAAQmD,EACbrD,KAAKyB,eAAiB,GAAGzB,KAAKuB,sBAAsBjC,YAAYU,KAAKE,SAIjE,4BAAAqD,CAA6BF,WACnCrD,KAAKE,MAAQmD,EACbrD,KAAKyB,eAAiB,GAAGzB,KAAKuB,sBAAsBjC,YAAYU,KAAKE,QAElC,QADnCyD,EAAe,UAAf3D,KAAK6D,kBAAU,IAAAD,OAAA,EAAAA,EACXE,cAAc,yBAAiB,IAAAH,GAAAA,EAC/Ba,kBAAkBxE,KAAKE,OAC3BF,KAAK2B,UAAW,EAGV,8BAAA6B,CAA+BX,GACrCA,EAAE4B,iBAGI,mBAAAzB,CAAoBH,GAC1BA,EAAE6B,kBACF1E,KAAK2E,eAAe9B,EAAGA,EAAE+B,QAAS,SAG5B,iBAAA3B,CAAkBJ,GACH,IACjBA,EAAE+B,SACJ/B,EAAE4B,iBAGJzE,KAAK2E,eAAe9B,EAAGA,EAAE+B,QAAS,QAG5B,cAAAD,CAAe9B,EAAQ+B,EAAiBC,aAE9C,MAMMC,EAAqB,IADK,QAAflB,EAAA5D,KAAK6D,kBAAU,IAAAD,OAAA,EAAAA,EAAEmB,iBAAiB,gBAE7CC,EAAgBF,EAAcG,MAAMC,GACxCA,EAAOC,aAAa,iBAEhBC,EAAmBJ,EACrBF,EAAcO,QAAQL,GACtB,EAOJ,OAAQJ,GACN,KApBqB,GAoBA,CAEnB/B,EAAE4B,iBACF,MAAMa,EAAgBR,EAAcM,GAAkBG,UAQtD,OANmC,QADnCC,UAAA7B,EAAA3D,KAAK6D,iCACDC,cAAc,yBAAiB,IAAA0B,GAAAA,EAC/BhB,kBAAkBc,GACP,UAAXT,IACF7E,KAAKyB,eAAiB,GAAGzB,KAAKuB,sBAAsBjC,YAAYgG,KAClEtF,KAAK2B,UAAW,OAChB3B,KAAK6B,WAAY,GAGnB,KAhC0B,GAgCA,CAExB,MAAM4D,EAAaT,EAEfI,IAAqBN,EAAcY,OAAS,EAC5C,EACAN,EAAmB,EAHnB,EAWJ,OANAN,EAAcM,GAAkBO,gBAAgB,eAChDb,EAAcW,GAAWG,aAAa,eAAe,GAGrDd,EAAcW,GAAWI,eAAe,CAAEC,MAAO,iBACjD9F,KAAKyB,eAAiB,GAAGzB,KAAKa,YAAY4E,MAG5C,KA/CwB,GA+CA,CAEtB,MAAMA,EACiB,IAArBL,EACIN,EAAcY,OAAS,EACvBN,EAAmB,EAQzB,OANAN,EAAcM,GAAkBO,gBAAgB,eAChDb,EAAcW,GAAWG,aAAa,eAAe,GAGrDd,EAAcW,GAAWI,eAAe,CAAEC,MAAO,iBACjD9F,KAAKyB,eAAiB,GAAGzB,KAAKa,YAAY4E,MAG5C,QACE,QAKE,4BAAAxB,SACN,GAAmB,KAAfjE,KAAKE,MAEP,YADAF,KAAKyB,eAAiBzB,KAAKuB,sBAAsBnC,mBAGnD,MACM0F,EAAqB,IADK,QAAflB,EAAA5D,KAAK6D,kBAAU,IAAAD,OAAA,EAAAA,EAAEmB,iBAAiB,gBAE7CgB,EAAqB/F,KAAKa,YAAYmF,WAAWd,GAC9CA,EAAOe,cAAcC,SAASlG,KAAKE,MAAM+F,iBAElDnB,EAAcqB,SAASjB,IACrBA,EAAOS,gBAAgB,cAAc,KAEZ,IAAvBI,GAIJjB,EAAciB,GAAoBF,eAAe,CAAEC,MAAO,YAC1D9F,KAAKyB,eAAiB,GAAGzB,KAAKuB,sBAAsBhC,SAASS,KAAKa,YAAYkF,MAJ5E/F,KAAKyB,eAAiB,GAAGzB,KAAKuB,sBAAsBlC,aAAaW,KAAKE,QAOjE,UAAAkG,CAAWC,GACdA,EAAaC,IAAI,0BACnBtG,KAAKuB,sBAAwBgF,EAC3BpH,EACAa,KAAKmB,uBAKH,wBAAAsC,CACNJ,EACAH,GAEA,MAGMsD,EAFJtD,GAAmBlD,KAAKe,cAAcmF,SAAS7C,GAG7Cf,CAAI,8BAA8BK,EAAU8D,YAC5C,KAEJ,GAAIvD,EACF,OAAOZ,CAAI;;YAELkE;kBACMnD;;QAKd,MAAMqD,EAAe1G,KAAKE,MACvByG,OACAC,QAAQ,sBAAuB,QAC5BC,EAAgB7G,KAAKE,MAAM4G,SAAS,KAEpCC,EAAa,IAAIC,OACrB,IAAIN,EAAaE,QAAQ,OAAQ,WACjC,MAGF,IAAKG,EAAWE,KAAK5D,GACnB,OAAOf,CAAI;;YAELkE;kBACMnD;;QAKd,MAAM6D,EAAS,GACf,IAAIC,EAAY,EAYhB,GAVA9D,EAAWuD,QAAQG,GAAY,CAACK,EAAOC,EAAKC,KAC1C,GAAIA,EAASH,EAAW,CACtB,MAAMI,EAAalE,EAAWmE,MAAML,EAAWG,GAC/CJ,EAAOO,KAAKzH,KAAK0H,oBAAoBH,IAIvC,OAFAL,EAAOO,KAAKnF,CAAI,2BAA2B8E,YAC3CD,EAAYG,EAASF,EAAM1B,OACpB0B,CAAK,IAGVD,EAAY9D,EAAWqC,OAAQ,CACjC,MAAMiC,EAAYtE,EAAWmE,MAAML,GACnCD,EAAOO,KAAKzH,KAAK0H,oBAAoBC,IAOvC,OAJId,GACFK,EAAOO,KAAKnF,CAAI,uBAGXA,CAAI;;UAELkE;mCACyBU;;MAKzB,mBAAAQ,CAAoBE,GAC1B,OAAOtF,CAAI,GAAGsF,EACXC,MAAM,QACNzE,KAAK0E,GACK,MAATA,EACIxF,CAAI,sBACJA,CAAI,4BAA4BwF,eAIlC,eAAAC,CAAgBlF,GACjBA,EAAEmF,eAAe9B,SAASlG,OAC7B0D,YAAW,KACT1D,KAAK2B,UAAW,EACG,KAAf3B,KAAKE,QACPF,KAAK6B,WAAY,KAElB,KAIE,iBAAAoG,GACPC,MAAMD,oBACNE,SAASC,iBAAiB,SAAUvF,GAAM7C,KAAK+H,gBAAgBlF,KAAI,GAG5D,oBAAAwF,GACPH,MAAMG,uBACNF,SAASG,oBAAoB,SAAUzF,GAAM7C,KAAK+H,gBAAgBlF,KAAI,qCA3b/D5C,EAAAsI,IAAAvI,KAAAwI,EAAAxI,KAAAyI,GAAO,KAIPpI,EAAAkI,IAAAvI,MAAAwI,EAAAxI,KAAA0I,IAAAF,EAAAxI,KAAA2I,GAAQ,YAIRpI,EAAAgI,IAAAvI,MAAAwI,EAAAxI,KAAA4I,IAAAJ,EAAAxI,KAAA6I,IAAa,KAIbrI,EAAA+H,IAAAvI,MAAAwI,EAAAxI,KAAA8I,IAAAN,EAAAxI,KAAA+I,GAAQ,MAIRrI,EAAA6H,IAAAvI,MAAAwI,EAAAxI,KAAAgJ,IAAAR,EAAAxI,KAAAiJ,GAAO,QAIPrI,EAAA2H,IAAAvI,MAAAwI,EAAAxI,KAAAkJ,IAAAV,EAAAxI,KAAAmJ,IAAW,KAIXrI,EAAAyH,IAAAvI,MAAAwI,EAAAxI,KAAAoJ,IAAAZ,EAAAxI,KAAAqJ,GAA6B,MAI7BrI,EAAAuH,IAAAvI,MAAAwI,EAAAxI,KAAAsJ,IAAAd,EAAAxI,KAAAuJ,GAA+B,MAI/BrI,EAAAqH,IAAAvI,MAAAwI,EAAAxI,KAAAwJ,IAAAhB,EAAAxI,KAAAyJ,GAAiC,MAIjCrI,EAAAmH,IAAAvI,MAAAwI,EAAAxI,KAAA0J,IAAAlB,EAAAxI,KAAA2J,GAAuBxK,KAIvBmC,EAAAiH,IAAAvI,MAAAwI,EAAAxI,KAAA4J,IAAApB,EAAAxI,KAAA6J,IAAsB,KAOtBrI,EAAA+G,IAAAvI,MAAAwI,EAAAxI,KAAA8J,IAAAtB,EAAAxI,KAAA+J,GAAwB5K,KAOxBuC,EAAA6G,IAAAvI,MAAAwI,EAAAxI,KAAAgK,IAAAxB,EAAAxI,KAAAiK,GAAiB,yBAMjBrI,EAAA2G,IAAAvI,MAAAwI,EAAAxI,KAAAkK,IAAA1B,EAAAxI,KAAAmK,IAAW,KAMXrI,EAAAyG,IAAAvI,MAAAwI,EAAAxI,KAAAoK,IAAA5B,EAAAxI,KAAAqK,IAAY,KAMZrI,EAAAuG,IAAAvI,MAAAwI,EAAAxI,KAAAsK,IAAA9B,EAAAxI,KAAAuK,QAAA,uYAzERC,EAAA,CAAAC,EAAS,CAAElG,KAAMmG,UAIjBC,EAAA,CAAAF,EAAS,CAAElG,KAAMmG,UAIjBE,EAAA,CAAAH,EAAS,CAAElG,KAAMsG,WAIjBC,EAAA,CAAAL,EAAS,CAAElG,KAAMmG,UAIjBK,EAAA,CAAAN,EAAS,CAAElG,KAAMmG,UAIjBM,EAAA,CAAAP,EAAS,CAAElG,KAAMsG,WAIjBI,EAAA,CAAAR,EAAS,CAAElG,KAAM2G,SAIjBC,EAAA,CAAAV,EAAS,CAAElG,KAAM2G,SAIjBE,EAAA,CAAAX,EAAS,CAAElG,KAAMmG,UAIjBW,EAAA,CAAAZ,EAAS,CAAElG,KAAM+G,UAIjBC,EAAA,CAAAd,EAAS,CAAElG,KAAMsG,WAOjBW,EAAA,CAAAC,KAOAC,EAAA,CAAAD,KAMAE,EAAA,CAAAF,KAMAG,EAAA,CAAAH,QAMAI,EAAM,mBAvEPC,EAAAlM,EAAA,KAAA4K,EAAA,CAAAuB,KAAA,WAAAjM,KAAA,OAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAASrM,KAAIyI,IAAA,CAAA4D,EAAAjM,KAAAiM,EAAJrM,KAAII,CAAA,GAAAmM,SAAAC,GAAA7D,GAAAC,IAIboD,EAAAlM,EAAA,KAAA+K,EAAA,CAAAoB,KAAA,WAAAjM,KAAA,QAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAAS/L,MAAKmI,IAAA,CAAA4D,EAAAjM,KAAAiM,EAAL/L,MAAKF,CAAA,GAAAmM,SAAAC,GAAA3D,GAAAC,IAIdkD,EAAAlM,EAAA,KAAAgL,EAAA,CAAAmB,KAAA,WAAAjM,KAAA,aAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAAS7L,WAAUiI,IAAA,CAAA4D,EAAAjM,KAAAiM,EAAV7L,WAAUJ,CAAA,GAAAmM,SAAAC,GAAAzD,GAAAC,IAInBgD,EAAAlM,EAAA,KAAAkL,EAAA,CAAAiB,KAAA,WAAAjM,KAAA,QAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAASjM,MAAKqI,IAAA,CAAA4D,EAAAjM,KAAAiM,EAALjM,MAAKA,CAAA,GAAAmM,SAAAC,GAAAvD,GAAAC,IAId8C,EAAAlM,EAAA,KAAAmL,EAAA,CAAAgB,KAAA,WAAAjM,KAAA,OAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAS1L,KAAI8H,IAAA,CAAA4D,EAAAjM,KAAAiM,EAAJ1L,KAAIP,CAAA,GAAAmM,SAAAC,GAAArD,GAAAC,IAIb4C,EAAAlM,EAAA,KAAAoL,EAAA,CAAAe,KAAA,WAAAjM,KAAA,WAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASxL,SAAQ4H,IAAA,CAAA4D,EAAAjM,KAAAiM,EAARxL,SAAQT,CAAA,GAAAmM,SAAAC,GAAAnD,GAAAC,IAIjB0C,EAAAlM,EAAA,KAAAqL,EAAA,CAAAc,KAAA,WAAAjM,KAAA,cAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAAStL,YAAW0H,IAAA,CAAA4D,EAAAjM,KAAAiM,EAAXtL,YAAWX,CAAA,GAAAmM,SAAAC,GAAAjD,GAAAC,IAIpBwC,EAAAlM,EAAA,KAAAuL,EAAA,CAAAY,KAAA,WAAAjM,KAAA,gBAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAASpL,cAAawH,IAAA,CAAA4D,EAAAjM,KAAAiM,EAAbpL,cAAab,CAAA,GAAAmM,SAAAC,GAAA/C,GAAAC,IAItBsC,EAAAlM,EAAA,KAAAwL,EAAA,CAAAW,KAAA,WAAAjM,KAAA,iCAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,mCAAAA,EAAAC,IAAAD,GAAAA,EAASlL,+BAA8BsH,IAAA,CAAA4D,EAAAjM,KAAAiM,EAA9BlL,+BAA8Bf,CAAA,GAAAmM,SAAAC,GAAA7C,GAAAC,IAIvCoC,EAAAlM,EAAA,KAAAyL,EAAA,CAAAU,KAAA,WAAAjM,KAAA,uBAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,yBAAAA,EAAAC,IAAAD,GAAAA,EAAShL,qBAAoBoH,IAAA,CAAA4D,EAAAjM,KAAAiM,EAApBhL,qBAAoBjB,CAAA,GAAAmM,SAAAC,GAAA3C,GAAAC,IAI7BkC,EAAAlM,EAAA,KAAA2L,EAAA,CAAAQ,KAAA,WAAAjM,KAAA,sBAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,wBAAAA,EAAAC,IAAAD,GAAAA,EAAS9K,oBAAmBkH,IAAA,CAAA4D,EAAAjM,KAAAiM,EAAnB9K,oBAAmBnB,CAAA,GAAAmM,SAAAC,GAAAzC,GAAAC,IAO5BgC,EAAAlM,EAAA,KAAA4L,EAAA,CAAAO,KAAA,WAAAjM,KAAA,wBAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,0BAAAA,EAAAC,IAAAD,GAAAA,EAAS5K,sBAAqBgH,IAAA,CAAA4D,EAAAjM,KAAAiM,EAArB5K,sBAAqBrB,CAAA,GAAAmM,SAAAC,GAAAvC,GAAAC,IAO9B8B,EAAAlM,EAAA,KAAA8L,EAAA,CAAAK,KAAA,WAAAjM,KAAA,iBAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,mBAAAA,EAAAC,IAAAD,GAAAA,EAAS1K,eAAc8G,IAAA,CAAA4D,EAAAjM,KAAAiM,EAAd1K,eAAcvB,CAAA,GAAAmM,SAAAC,GAAArC,GAAAC,IAMvB4B,EAAAlM,EAAA,KAAA+L,EAAA,CAAAI,KAAA,WAAAjM,KAAA,WAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASxK,SAAQ4G,IAAA,CAAA4D,EAAAjM,KAAAiM,EAARxK,SAAQzB,CAAA,GAAAmM,SAAAC,GAAAnC,GAAAC,IAMjB0B,EAAAlM,EAAA,KAAAgM,EAAA,CAAAG,KAAA,WAAAjM,KAAA,YAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAAStK,UAAS0G,IAAA,CAAA4D,EAAAjM,KAAAiM,EAATtK,UAAS3B,CAAA,GAAAmM,SAAAC,GAAAjC,GAAAC,IAMlBwB,EAAAlM,EAAA,KAAA2M,EAAA,CAAAR,KAAA,WAAAjM,KAAA,aAAAkM,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAA5F,IAAA6F,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAASpK,WAAUwG,IAAA,CAAA4D,EAAAjM,KAAAiM,EAAVpK,WAAU7B,CAAA,GAAAmM,SAAAC,GAAA/B,GAAAiC,IA7ErBV,EAAA,KAAAW,EAAA,CAAAvM,MAAAN,GAAA8M,GAAA,CAAAX,KAAA,QAAAjM,KAAAF,EAAAE,KAAAuM,SAAAC,GAAA,KAAAK,kHACkB/M,EAAAgN,OAASC,EAAUC,GADxBtE,EAAA5I,EAAA+M,OAAM"}
|
|
1
|
+
{"version":3,"file":"search.js","sources":["../../../../src/components/reusable/search/search.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport Styles from './search.scss?inline';\nimport '../textInput';\nimport '../button';\nimport searchIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/search.svg';\nimport historyIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/20/history.svg';\nimport { deepmerge } from 'deepmerge-ts';\n\nconst _defaultTextStrings = {\n searchSuggestions: 'Search suggestions.',\n noMatches: 'No matches found for',\n selected: 'Selected',\n found: 'Found',\n recentSearches: 'Recent searches',\n};\n\n/**\n * Search\n * @fires on-input - Emits the value on text input/clear.`detail:{ origEvent: InputEvent,value: string }`\n */\n@customElement('kyn-search')\nexport class Search extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Input name. */\n @property({ type: String })\n accessor name = '';\n\n /** Label text. */\n @property({ type: String })\n accessor label = 'Search';\n\n /** Expandable style search. */\n @property({ type: Boolean })\n accessor expandable = false;\n\n /** Input value. */\n @property({ type: String })\n accessor value = '';\n\n /** Input & button size. */\n @property({ type: String })\n accessor size = 'md';\n\n /** Disabled state. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Auto-suggest array of strings that should match the current value. Update this array externally after on-input. */\n @property({ type: Array })\n accessor suggestions: Array<string> = [];\n\n /** Auto-suggest history array of strings. Update this array externally after on-input. */\n @property({ type: Array })\n accessor searchHistory: Array<string> = [];\n\n /** Expandable style search button description (Required to support accessibility). */\n @property({ type: String })\n accessor expandableSearchBtnDescription = '';\n\n /** Assistive text strings. */\n @property({ type: Object })\n accessor assistiveTextStrings = _defaultTextStrings;\n\n /** To show history searches in suggestion panel */\n @property({ type: Boolean })\n accessor enableSearchHistory = false;\n\n /**\n * Internal assistive text strings.\n * @internal\n * */\n @state()\n accessor _assistiveTextStrings = _defaultTextStrings;\n\n /**\n * Assistive text for screen readers.\n * @internal\n */\n @state()\n accessor _assistiveText = 'Search suggestions.';\n\n /** Input focused state.\n * @internal\n */\n @state()\n accessor _focused = false;\n\n /** Expanded state.\n * @internal\n */\n @state()\n accessor _expanded = false;\n\n /** Expanded state.\n * @internal\n */\n @query('kyn-text-input')\n accessor _textInput!: any;\n\n override render() {\n const classes = {\n search: true,\n expanded: this._expanded,\n expandable: this.expandable,\n focused: this._focused,\n 'has-value': this.value !== '' || this.enableSearchHistory,\n };\n\n return html`\n <div class=\"${classMap(classes)}\">\n <kyn-button\n kind=\"secondary\"\n size=${this._buttonSizeMap()}\n description=${ifDefined(this.expandableSearchBtnDescription)}\n ?disabled=${this.disabled}\n @on-click=${this._handleButtonClick}\n >\n <span slot=\"icon\">${unsafeSVG(searchIcon)}</span>\n </kyn-button>\n\n <kyn-text-input\n name=${this.name}\n type=\"search\"\n placeholder=${this.label}\n hideLabel\n value=${this.value}\n size=${this.size}\n ?disabled=${this.disabled}\n @on-input=${(e: CustomEvent) => this._handleInput(e)}\n @focus=${this._handleFocus}\n autoComplete=\"off\"\n @keydown=${(e: any) => this.handleSearchKeydown(e)}\n >\n ${this.label}\n <span slot=\"icon\">${unsafeSVG(searchIcon)}</span>\n </kyn-text-input>\n\n <div\n class=\"suggestions\"\n @keydown=${(e: any) => this.handleListKeydown(e)}\n >\n ${(() => {\n const isSearchHistory =\n this.value === '' && this.enableSearchHistory;\n const listToRender = isSearchHistory\n ? this.searchHistory\n : this.suggestions;\n\n return html`\n ${isSearchHistory\n ? html`<div class=\"suggestion-title\">\n ${this.assistiveTextStrings.recentSearches}\n </div>`\n : null}\n ${listToRender.map(\n (suggestion) => html`\n <div\n class=\"suggestion\"\n @click=${(e: any) =>\n this._handleSuggestionClick(e, suggestion)}\n @mouseup=${() =>\n this._handleSuggestionWithMouseUp(suggestion)}\n @mousedown=${(e: any) =>\n this._handleSuggestionWithMouseDown(e)}\n >\n ${this._renderSuggestionContent(\n suggestion,\n isSearchHistory\n )}\n </div>\n `\n )}\n `;\n })()}\n </div>\n <div\n class=\"assistive-text\"\n role=\"status\"\n aria-live=\"assertive\"\n aria-relevant=\"additions text\"\n >\n ${this._assistiveText}\n </div>\n </div>\n `;\n }\n\n private _buttonSizeMap() {\n switch (this.size) {\n case 'sm':\n return 'small';\n case 'lg':\n return 'large';\n case 'md':\n default:\n return 'medium';\n }\n }\n\n private _handleFocus() {\n this._focused = true;\n\n if (this.enableSearchHistory) {\n this._expanded = true;\n }\n }\n\n private _handleButtonClick() {\n this._expanded = true;\n\n setTimeout(() => {\n this.shadowRoot?.querySelector('kyn-text-input')?.focus();\n }, 0);\n }\n\n private _handleInput(e: CustomEvent) {\n this.value = e.detail.value;\n this._focused = true;\n\n this._checkForMatchingSuggestions();\n\n const Detail: any = {\n value: e.detail.value,\n };\n\n if (e.detail.origEvent) {\n Detail.origEvent = e.detail.origEvent;\n }\n\n const event = new CustomEvent('on-input', {\n detail: Detail,\n });\n this.dispatchEvent(event);\n }\n\n private _handleSuggestionClick(e: any, suggestion: string) {\n if (e.type !== 'click') {\n this.value = suggestion;\n this._assistiveText = `${this._assistiveTextStrings.selected} ${this.value}`;\n }\n }\n\n private _handleSuggestionWithMouseUp(suggestion: string) {\n this.value = suggestion;\n this._assistiveText = `${this._assistiveTextStrings.selected} ${this.value}`;\n this.shadowRoot\n ?.querySelector('kyn-text-input')\n ?.setValueAndNotify(this.value);\n this._focused = false;\n }\n\n private _handleSuggestionWithMouseDown(e: any) {\n e.preventDefault();\n }\n\n private handleSearchKeydown(e: any) {\n e.stopPropagation();\n this.handleKeyboard(e, e.keyCode, 'input');\n }\n\n private handleListKeydown(e: any) {\n const TAB_KEY_CODE = 9;\n if (e.keyCode !== TAB_KEY_CODE) {\n e.preventDefault();\n }\n\n this.handleKeyboard(e, e.keyCode, 'list');\n }\n\n private handleKeyboard(e: any, keyCode: number, target: string) {\n // const SPACEBAR_KEY_CODE = [0, 32];\n const ENTER_KEY_CODE = 13;\n const DOWN_ARROW_KEY_CODE = 40;\n const UP_ARROW_KEY_CODE = 38;\n\n // get highlighted element + index and selected element\n const Els: any = this.shadowRoot?.querySelectorAll('.suggestion');\n const suggestionEls: any = [...Els];\n const highlightedEl = suggestionEls.find((option: any) =>\n option.getAttribute('highlighted')\n );\n const highlightedIndex = highlightedEl\n ? suggestionEls.indexOf(highlightedEl)\n : 0;\n\n // prevent page scroll on spacebar press\n // if (SPACEBAR_KEY_CODE.includes(keyCode)) {\n // e.preventDefault();\n // }\n\n switch (keyCode) {\n case ENTER_KEY_CODE: {\n // select highlighted option\n e.preventDefault();\n const selectedValue = suggestionEls[highlightedIndex]?.innerText;\n this.shadowRoot\n ?.querySelector('kyn-text-input')\n ?.setValueAndNotify(selectedValue);\n if (target === 'input')\n this._assistiveText = `${this._assistiveTextStrings.selected} ${selectedValue}`;\n this._focused = false;\n this._expanded = false;\n return;\n }\n case DOWN_ARROW_KEY_CODE: {\n // go to next option\n const nextIndex = !highlightedEl\n ? 0\n : highlightedIndex === suggestionEls.length - 1\n ? 0\n : highlightedIndex + 1;\n\n suggestionEls[highlightedIndex].removeAttribute('highlighted');\n suggestionEls[nextIndex].setAttribute('highlighted', true);\n\n // scroll to option\n suggestionEls[nextIndex].scrollIntoView({ block: 'nearest' });\n this._assistiveText = `${this.suggestions[nextIndex]}`;\n return;\n }\n case UP_ARROW_KEY_CODE: {\n // go to previous option\n const nextIndex =\n highlightedIndex === 0\n ? suggestionEls.length - 1\n : highlightedIndex - 1;\n\n suggestionEls[highlightedIndex].removeAttribute('highlighted');\n suggestionEls[nextIndex].setAttribute('highlighted', true);\n\n // scroll to option\n suggestionEls[nextIndex].scrollIntoView({ block: 'nearest' });\n this._assistiveText = `${this.suggestions[nextIndex]}`;\n return;\n }\n default: {\n return;\n }\n }\n }\n\n private _checkForMatchingSuggestions() {\n if (this.value === '') {\n this._assistiveText = this._assistiveTextStrings.searchSuggestions;\n return;\n }\n const Els: any = this.shadowRoot?.querySelectorAll('.suggestion');\n const suggestionEls: any = [...Els];\n const matchedOptionIndex = this.suggestions.findIndex((option) => {\n return option.toLowerCase().includes(this.value.toLowerCase());\n });\n suggestionEls.forEach((option: any) => {\n option.removeAttribute('highlighted');\n });\n if (matchedOptionIndex === -1) {\n this._assistiveText = `${this._assistiveTextStrings.noMatches} ${this.value}`;\n return;\n }\n suggestionEls[matchedOptionIndex].scrollIntoView({ block: 'nearest' });\n this._assistiveText = `${this._assistiveTextStrings.found} ${this.suggestions[matchedOptionIndex]}`;\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('assistiveTextStrings')) {\n this._assistiveTextStrings = deepmerge(\n _defaultTextStrings,\n this.assistiveTextStrings\n );\n }\n }\n\n private _renderSuggestionContent(\n suggestion: string,\n isSearchHistory: boolean\n ) {\n const showHistoryIcon =\n isSearchHistory || this.searchHistory.includes(suggestion);\n\n const iconTemplate = showHistoryIcon\n ? html`<span style=\"display:flex\">${unsafeSVG(historyIcon)}</span>`\n : null;\n\n if (isSearchHistory) {\n return html`\n <div class=\"suggestion-content\">\n ${iconTemplate}\n <span>${suggestion}</span>\n </div>\n `;\n }\n\n const escapedValue = this.value\n .trim()\n .replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n const trailingSpace = this.value.endsWith(' ');\n\n const valueRegex = new RegExp(\n `(${escapedValue.replace(/\\s+/g, '\\\\s+')})`,\n 'ig'\n );\n\n if (!valueRegex.test(suggestion)) {\n return html`\n <div class=\"suggestion-content\">\n ${iconTemplate}\n <span>${suggestion}</span>\n </div>\n `;\n }\n\n const result = [];\n let lastIndex = 0;\n\n suggestion.replace(valueRegex, (match, _p1, offset) => {\n if (offset > lastIndex) {\n const textBefore = suggestion.slice(lastIndex, offset);\n result.push(this._wrapTextWithSpaces(textBefore));\n }\n result.push(html`<span class=\"bold-text\">${match}</span>`);\n lastIndex = offset + match.length;\n return match;\n });\n\n if (lastIndex < suggestion.length) {\n const textAfter = suggestion.slice(lastIndex);\n result.push(this._wrapTextWithSpaces(textAfter));\n }\n\n if (trailingSpace) {\n result.push(html`<span> </span>`);\n }\n\n return html`\n <div class=\"suggestion-content\">\n ${iconTemplate}\n <span class=\"text-parts\">${result}</span>\n </div>\n `;\n }\n\n private _wrapTextWithSpaces(text: string) {\n return html`${text\n .split(/(\\s)/)\n .map((part) =>\n part === ' '\n ? html`<span> </span>`\n : html`<span class=\"light-text\">${part}</span>`\n )}`;\n }\n\n private _handleClickOut(e: Event) {\n if (!e.composedPath().includes(this)) {\n setTimeout(() => {\n this._focused = false;\n if (this.value === '') {\n this._expanded = false;\n }\n }, 100);\n }\n }\n\n override connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', (e) => this._handleClickOut(e), true);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n document.removeEventListener('click', (e) => this._handleClickOut(e), true);\n }\n}\n"],"names":["_defaultTextStrings","searchSuggestions","noMatches","selected","found","recentSearches","Search","customElement","LitElement","_classThis","_classSuper","name","__classPrivateFieldGet","this","_Search_name_accessor_storage","value","__classPrivateFieldSet","label","_Search_label_accessor_storage","expandable","_Search_expandable_accessor_storage","_Search_value_accessor_storage","size","_Search_size_accessor_storage","disabled","_Search_disabled_accessor_storage","suggestions","_Search_suggestions_accessor_storage","searchHistory","_Search_searchHistory_accessor_storage","expandableSearchBtnDescription","_Search_expandableSearchBtnDescription_accessor_storage","assistiveTextStrings","_Search_assistiveTextStrings_accessor_storage","enableSearchHistory","_Search_enableSearchHistory_accessor_storage","_assistiveTextStrings","_Search__assistiveTextStrings_accessor_storage","_assistiveText","_Search__assistiveText_accessor_storage","_focused","_Search__focused_accessor_storage","_expanded","_Search__expanded_accessor_storage","_textInput","_Search__textInput_accessor_storage","render","classes","search","expanded","focused","html","classMap","_buttonSizeMap","ifDefined","_handleButtonClick","unsafeSVG","searchIcon","e","_handleInput","_handleFocus","handleSearchKeydown","handleListKeydown","isSearchHistory","listToRender","map","suggestion","_handleSuggestionClick","_handleSuggestionWithMouseUp","_handleSuggestionWithMouseDown","_renderSuggestionContent","setTimeout","_b","_a","shadowRoot","querySelector","focus","detail","_checkForMatchingSuggestions","Detail","origEvent","event","CustomEvent","dispatchEvent","type","setValueAndNotify","preventDefault","stopPropagation","handleKeyboard","keyCode","target","suggestionEls","querySelectorAll","highlightedEl","find","option","getAttribute","highlightedIndex","indexOf","selectedValue","innerText","_d","_c","nextIndex","length","removeAttribute","setAttribute","scrollIntoView","block","matchedOptionIndex","findIndex","toLowerCase","includes","forEach","willUpdate","changedProps","has","deepmerge","iconTemplate","historyIcon","escapedValue","trim","replace","trailingSpace","endsWith","valueRegex","RegExp","test","result","lastIndex","match","_p1","offset","textBefore","slice","push","_wrapTextWithSpaces","textAfter","text","split","part","_handleClickOut","composedPath","connectedCallback","super","document","addEventListener","disconnectedCallback","removeEventListener","set","__runInitializers","_name_initializers","_name_extraInitializers","_label_initializers","_label_extraInitializers","_expandable_initializers","_expandable_extraInitializers","_value_initializers","_value_extraInitializers","_size_initializers","_size_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_suggestions_initializers","_suggestions_extraInitializers","_searchHistory_initializers","_searchHistory_extraInitializers","_expandableSearchBtnDescription_initializers","_expandableSearchBtnDescription_extraInitializers","_assistiveTextStrings_initializers","_assistiveTextStrings_extraInitializers","_enableSearchHistory_initializers","_enableSearchHistory_extraInitializers","__assistiveTextStrings_initializers","__assistiveTextStrings_extraInitializers","__assistiveText_initializers","__assistiveText_extraInitializers","__focused_initializers","__focused_extraInitializers","__expanded_initializers","__expanded_extraInitializers","__textInput_initializers","_name_decorators","property","String","_label_decorators","_expandable_decorators","Boolean","_value_decorators","_size_decorators","_disabled_decorators","_suggestions_decorators","Array","_searchHistory_decorators","_expandableSearchBtnDescription_decorators","_assistiveTextStrings_decorators","Object","_enableSearchHistory_decorators","__assistiveTextStrings_decorators","state","__assistiveText_decorators","__focused_decorators","__expanded_decorators","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__textInput_decorators","__textInput_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|
|
@@ -70,5 +70,13 @@ export declare const dataForColumns: {
|
|
|
70
70
|
col19: string;
|
|
71
71
|
col20: string;
|
|
72
72
|
}[];
|
|
73
|
+
export declare const dataForColumnsFilter: {
|
|
74
|
+
ticketPriority: string;
|
|
75
|
+
applnName: string;
|
|
76
|
+
businessService: string;
|
|
77
|
+
businessGroups: string;
|
|
78
|
+
ticketStatus: string;
|
|
79
|
+
criticalityRisk: number;
|
|
80
|
+
}[];
|
|
73
81
|
export {};
|
|
74
82
|
//# sourceMappingURL=ultils.sample.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ultils.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/ultils.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAe,cAAc,MAC5C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAe,cAAc,MAC7C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAe,cAAc,MAC9C,GAAG,MAAM,EAAE,GAAG,MAAM,WAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,GAAG,EACd,YAAY,MAAM,EAClB,UAAU,MAAM,QAKjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;GAoH1B,CAAC"}
|
|
1
|
+
{"version":3,"file":"ultils.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/table/story-helpers/ultils.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAe,cAAc,MAC/C,GAAG,MAAM,EAAE,GAAG,MAAM,WAK7B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAe,cAAc,MAC5C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAe,cAAc,MAC7C,GAAG,MAAM,EAAE,GAAG,MAAM,WAG7B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAe,cAAc,MAC9C,GAAG,MAAM,EAAE,GAAG,MAAM,WAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,GAAG,EACd,YAAY,MAAM,EAClB,UAAU,MAAM,QAKjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;GAoH1B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;GAyDhC,CAAC"}
|
|
@@ -9,6 +9,7 @@ import { SORT_DIRECTION, TABLE_CELL_ALIGN } from './defs';
|
|
|
9
9
|
*
|
|
10
10
|
* @fires on-sort-changed - Dispatched when the sort direction is changed. `detail: {sortDirection: string, sortKey: string } `
|
|
11
11
|
* @slot unnamed - The content slot for adding header text or content.
|
|
12
|
+
* @slot column-filter - slot for column filter.
|
|
12
13
|
*/
|
|
13
14
|
export declare class TableHeader extends LitElement {
|
|
14
15
|
static styles: import("lit").CSSResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-header.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,cAAc,EAAE,MAAM,KAAK,CAAC;AAWlE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1D
|
|
1
|
+
{"version":3,"file":"table-header.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,cAAc,EAAE,MAAM,KAAK,CAAC;AAWlE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1D;;;;;;;;;GASG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAqB;IAE3C;;OAEG;IACH,SACkB,IAAI,SAAkB;IAExC,0DAA0D;IAE1D,QAAQ,CAAC,KAAK,UAAS;IAEvB;;;;;;OAMG;IAGH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAO/B;IAEF;;;OAGG;IACH,mBAAmB,GAAI,WAAW,gBAAgB,UAIhD;IAEF;;;OAGG;IAEH,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAyB;IAEzD;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B,gEAAgE;IAEhE,QAAQ,CAAC,aAAa,EAAE,cAAc,CAA0B;IAEhE;;;OAGG;IAEH,QAAQ,CAAC,WAAW,SAAM;IAE1B;;;;OAIG;IAEH,QAAQ,CAAC,OAAO,SAAM;IAEtB;;;;;;OAMG;IAEH,QAAQ,CAAC,aAAa,UAAS;IAE/B;;;OAGG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,SAAM;IAEvB;;;;OAIG;IAEH,QAAQ,CAAC,QAAQ,SAAM;IAEvB;;OAEG;IAEH,QAAQ,CAAC,SAAS,EAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAEjC;;;OAGG;IACH,SAAS;IAIT;;;OAGG;IAEH,QAAQ,CAAC,aAAa,SAAM;IAE5B;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAsClB,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAiBlD,cAAc;IAUL,MAAM;CAkEhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,WAAW,CAAC;KACvB;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as s,__classPrivateFieldSet as r}from"tslib";import{unsafeSVG as a}from"lit-html/directives/unsafe-svg.js";import{css as
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as s,__classPrivateFieldSet as r}from"tslib";import{unsafeSVG as a}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as n,unsafeCSS as l,html as h}from"lit";import{customElement as d,property as c,state as m,queryAssignedNodes as v}from"lit/decorators.js";import{classMap as g}from"lit-html/directives/class-map.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{ContextConsumer as f}from"@lit/context";import{tableContext as u}from"./table-context.js";import{w as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import{SORT_DIRECTION as b,TABLE_CELL_ALIGN as y}from"./defs.js";var x=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -138,12 +138,12 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
|
|
|
138
138
|
transform: rotate(180deg);
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
:host([sortable]:hover
|
|
141
|
+
:host([sortable]) .container:hover {
|
|
142
142
|
transition: background-color 0.3s;
|
|
143
143
|
color: var(--kd-color-text-level-tertiary);
|
|
144
144
|
cursor: pointer;
|
|
145
145
|
}
|
|
146
|
-
:host([sortable]:hover
|
|
146
|
+
:host([sortable]) .container:hover .sort-icon {
|
|
147
147
|
color: var(--kd-color-text-level-tertiary);
|
|
148
148
|
}
|
|
149
149
|
|
|
@@ -180,19 +180,31 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
|
|
|
180
180
|
position: absolute;
|
|
181
181
|
white-space: nowrap;
|
|
182
182
|
width: 1px;
|
|
183
|
-
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
::slotted([slot=column-filter]) {
|
|
186
|
+
display: flex;
|
|
187
|
+
align-items: center;
|
|
188
|
+
flex: 1;
|
|
189
|
+
min-width: 0;
|
|
190
|
+
gap: 8px;
|
|
191
|
+
align-self: stretch;
|
|
192
|
+
padding: 8px;
|
|
193
|
+
border-top: 1px solid var(--kd-color-border-variants-inverse);
|
|
194
|
+
border-bottom: 1px solid var(--kd-color-border-level-tertiary);
|
|
195
|
+
}`;let w=(()=>{var o,w,W,D,T,C,S,$,L,M,E,j,K,z;let H,A,I,_,F,P,U,B,O,N,X,q,G,J,Q,R,V=[d("kyn-th")],Y=[],Z=n,tt=[],et=[],it=[],st=[],rt=[],at=[],ot=[],nt=[],lt=[],ht=[],dt=[],ct=[],mt=[],vt=[],gt=[],pt=[],ft=[],ut=[],kt=[],bt=[],yt=[],xt=[],wt=[],Wt=[],Dt=[],Tt=[],Ct=[],St=[];return A=class extends Z{get role(){return s(this,o,"f")}set role(t){r(this,o,t,"f")}get dense(){return s(this,w,"f")}set dense(t){r(this,w,t,"f")}get _contextConsumer(){return s(this,W,"f")}set _contextConsumer(t){r(this,W,t,"f")}get align(){return s(this,D,"f")}set align(t){r(this,D,t,"f")}get sortable(){return s(this,T,"f")}set sortable(t){r(this,T,t,"f")}get sortDirection(){return s(this,C,"f")}set sortDirection(t){r(this,C,t,"f")}get headerLabel(){return s(this,S,"f")}set headerLabel(t){r(this,S,t,"f")}get sortKey(){return s(this,$,"f")}set sortKey(t){r(this,$,t,"f")}get visiblyHidden(){return s(this,L,"f")}set visiblyHidden(t){r(this,L,t,"f")}get width(){return s(this,M,"f")}set width(t){r(this,M,t,"f")}get maxWidth(){return s(this,E,"f")}set maxWidth(t){r(this,E,t,"f")}get minWidth(){return s(this,j,"f")}set minWidth(t){r(this,j,t,"f")}get listItems(){return s(this,K,"f")}set listItems(t){r(this,K,t,"f")}resetSort(){this.sortDirection=b.DEFAULT}get assistiveText(){return s(this,z,"f")}set assistiveText(t){r(this,z,t,"f")}toggleSortDirection(){if(this.sortKey){switch(this.sortDirection){case b.DEFAULT:case b.DESC:{this.sortDirection=b.ASC;const t=`Column header ${this.sortKey} sorted in ascending order`;this.assistiveText=""===this.assistiveText||this.assistiveText===t?`${t}.`:t;break}case b.ASC:{this.sortDirection=b.DESC;const t=`Column header ${this.sortKey} sorted in descending order`;this.assistiveText=""===this.assistiveText||this.assistiveText===t?`${t}.`:t;break}}this.dispatchEvent(new CustomEvent("on-sort-changed",{bubbles:!0,composed:!0,detail:{sortDirection:this.sortDirection,sortKey:this.sortKey}}))}else console.error("sortKey is missing for a sortable column.")}updated(t){this.getTextContent(),super.updated(t),this.maxWidth&&t.has("maxWidth")&&this.style.setProperty("--kyn-th-max-width",this.maxWidth),this.width&&t.has("width")&&this.style.setProperty("--kyn-th-width",this.width),this.minWidth&&t.has("minWidth")&&this.style.setProperty("--kyn-th-min-width",this.minWidth)}getTextContent(){var t;const e=this.listItems.filter((t=>{var e;return(null==t?void 0:t.nodeType)!==Node.TEXT_NODE||""!==(null===(e=null==t?void 0:t.textContent)||void 0===e?void 0:e.trim())}));this.headerLabel=(null===(t=e[0])||void 0===t?void 0:t.textContent)||""}render(){const t={"sort-icon":!0,"sort-icon--sorting":this.sortDirection!==b.DEFAULT,"sort-icon--sorting-asc":this.sortDirection===b.ASC,"sort-icon--sorting-desc":this.sortDirection===b.DESC},e={"slot-wrapper":!0,"sr-only":this.visiblyHidden},i=this.sortable?"button":void 0,s=this.sortable&&this.headerLabel?`Sort by ${this.headerLabel}`:void 0,r=this.sortable?0:void 0,o=this.sortable?t=>{"Enter"!==t.key&&" "!==t.key||this.toggleSortDirection()}:void 0;return h`
|
|
184
196
|
<div
|
|
185
197
|
class="container"
|
|
186
198
|
role=${p(i)}
|
|
187
199
|
@click=${this.sortable?()=>this.toggleSortDirection():void 0}
|
|
188
200
|
aria-label=${p(s)}
|
|
189
201
|
tabindex=${p(r)}
|
|
190
|
-
@keydown=${
|
|
202
|
+
@keydown=${o}
|
|
191
203
|
>
|
|
192
204
|
<div class=${g(e)}>
|
|
193
205
|
<slot></slot>
|
|
194
206
|
</div>
|
|
195
|
-
${this.sortable?
|
|
207
|
+
${this.sortable?h`<span class=${g(t)}
|
|
196
208
|
>${a(k)}</span
|
|
197
209
|
>`:null}
|
|
198
210
|
|
|
@@ -205,5 +217,6 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
|
|
|
205
217
|
${this.assistiveText}
|
|
206
218
|
</div>
|
|
207
219
|
</div>
|
|
208
|
-
|
|
220
|
+
<slot name="column-filter"> </slot>
|
|
221
|
+
`}constructor(){super(...arguments),o.set(this,i(this,tt,"columnheader")),w.set(this,(i(this,et),i(this,it,!1))),W.set(this,(i(this,st),i(this,rt,new f(this,u,(t=>{t&&this.handleContextChange(t)}),!0)))),this.handleContextChange=(i(this,at),({dense:t})=>{"boolean"==typeof t&&(this.dense=t)}),D.set(this,i(this,ot,y.LEFT)),T.set(this,(i(this,nt),i(this,lt,!1))),C.set(this,(i(this,ht),i(this,dt,b.DEFAULT))),S.set(this,(i(this,ct),i(this,mt,""))),$.set(this,(i(this,vt),i(this,gt,""))),L.set(this,(i(this,pt),i(this,ft,!1))),M.set(this,(i(this,ut),i(this,kt,""))),E.set(this,(i(this,bt),i(this,yt,""))),j.set(this,(i(this,xt),i(this,wt,""))),K.set(this,(i(this,Wt),i(this,Dt,void 0))),z.set(this,(i(this,Tt),i(this,Ct,""))),i(this,St)}},o=new WeakMap,w=new WeakMap,W=new WeakMap,D=new WeakMap,T=new WeakMap,C=new WeakMap,S=new WeakMap,$=new WeakMap,L=new WeakMap,M=new WeakMap,E=new WeakMap,j=new WeakMap,K=new WeakMap,z=new WeakMap,t(A,"TableHeader"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=Z[Symbol.metadata])&&void 0!==t?t:null):void 0;I=[c({type:String,reflect:!0})],_=[c({type:Boolean,reflect:!0})],F=[m()],P=[c({type:String,reflect:!0})],U=[c({type:Boolean,reflect:!0})],B=[c({type:String,reflect:!0})],O=[c({type:String})],N=[c({type:String})],X=[c({type:Boolean})],q=[c({type:String,reflect:!0})],G=[c({type:String,reflect:!0})],J=[c({type:String,reflect:!0})],Q=[v({flatten:!0})],R=[m()],e(A,null,I,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:t=>"role"in t,get:t=>t.role,set:(t,e)=>{t.role=e}},metadata:i},tt,et),e(A,null,_,{kind:"accessor",name:"dense",static:!1,private:!1,access:{has:t=>"dense"in t,get:t=>t.dense,set:(t,e)=>{t.dense=e}},metadata:i},it,st),e(A,null,F,{kind:"accessor",name:"_contextConsumer",static:!1,private:!1,access:{has:t=>"_contextConsumer"in t,get:t=>t._contextConsumer,set:(t,e)=>{t._contextConsumer=e}},metadata:i},rt,at),e(A,null,P,{kind:"accessor",name:"align",static:!1,private:!1,access:{has:t=>"align"in t,get:t=>t.align,set:(t,e)=>{t.align=e}},metadata:i},ot,nt),e(A,null,U,{kind:"accessor",name:"sortable",static:!1,private:!1,access:{has:t=>"sortable"in t,get:t=>t.sortable,set:(t,e)=>{t.sortable=e}},metadata:i},lt,ht),e(A,null,B,{kind:"accessor",name:"sortDirection",static:!1,private:!1,access:{has:t=>"sortDirection"in t,get:t=>t.sortDirection,set:(t,e)=>{t.sortDirection=e}},metadata:i},dt,ct),e(A,null,O,{kind:"accessor",name:"headerLabel",static:!1,private:!1,access:{has:t=>"headerLabel"in t,get:t=>t.headerLabel,set:(t,e)=>{t.headerLabel=e}},metadata:i},mt,vt),e(A,null,N,{kind:"accessor",name:"sortKey",static:!1,private:!1,access:{has:t=>"sortKey"in t,get:t=>t.sortKey,set:(t,e)=>{t.sortKey=e}},metadata:i},gt,pt),e(A,null,X,{kind:"accessor",name:"visiblyHidden",static:!1,private:!1,access:{has:t=>"visiblyHidden"in t,get:t=>t.visiblyHidden,set:(t,e)=>{t.visiblyHidden=e}},metadata:i},ft,ut),e(A,null,q,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:i},kt,bt),e(A,null,G,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:i},yt,xt),e(A,null,J,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:i},wt,Wt),e(A,null,Q,{kind:"accessor",name:"listItems",static:!1,private:!1,access:{has:t=>"listItems"in t,get:t=>t.listItems,set:(t,e)=>{t.listItems=e}},metadata:i},Dt,Tt),e(A,null,R,{kind:"accessor",name:"assistiveText",static:!1,private:!1,access:{has:t=>"assistiveText"in t,get:t=>t.assistiveText,set:(t,e)=>{t.assistiveText=e}},metadata:i},Ct,St),e(null,H={value:A},V,{kind:"class",name:A.name,metadata:i},null,Y),A=H.value,i&&Object.defineProperty(A,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),A.styles=l(x),i(A,Y),A})();export{w as TableHeader};
|
|
209
222
|
//# sourceMappingURL=table-header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-header.js","sources":["../../../../src/components/reusable/table/table-header.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS, PropertyValues } from 'lit';\nimport {\n customElement,\n property,\n queryAssignedNodes,\n state,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport arrowUpIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/arrow-up.svg';\nimport styles from './table-header.scss?inline';\n\nimport { SORT_DIRECTION, TABLE_CELL_ALIGN } from './defs';\n\n/**\n * `kyn-th` Web Component.\n *\n * Represents a custom table header cell (`<th>`) for Shidoka's design system tables.\n * Provides sorting functionality when enabled and allows alignment customization.\n *\n * @fires on-sort-changed - Dispatched when the sort direction is changed. `detail: {sortDirection: string, sortKey: string } `\n * @slot unnamed - The content slot for adding header text or content.\n */\n@customElement('kyn-th')\nexport class TableHeader extends LitElement {\n static override styles = unsafeCSS(styles);\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override accessor role = 'columnheader';\n\n /** Determines if the cell should have a denser layout. */\n @property({ type: Boolean, reflect: true })\n accessor dense = false;\n\n /**\n * Context consumer for the table context.\n * Updates the cell's dense properties when the context changes.\n * @private\n * @ignore\n * @type {ContextConsumer<TableContextType, TableHeader>}\n */\n @state()\n // @ts-expect-error - This is a context consumer\n private accessor _contextConsumer = new ContextConsumer(\n this,\n tableContext,\n (context) => {\n if (context) this.handleContextChange(context);\n },\n true\n );\n\n /**\n * Updates the cell's dense properties when the context changes.\n * @param {TableContextType} context - The updated context.\n */\n handleContextChange = ({ dense }: TableContextType) => {\n if (typeof dense == 'boolean') {\n this.dense = dense;\n }\n };\n\n /**\n * Specifies the alignment of the content within the table header.\n * Options: 'left', 'center', 'right'\n */\n @property({ type: String, reflect: true })\n accessor align: TABLE_CELL_ALIGN = TABLE_CELL_ALIGN.LEFT;\n\n /**\n * Specifies if the column is sortable.\n * If set to true, an arrow icon will be displayed unpon hover,\n * allowing the user to toggle sort directions.\n */\n @property({ type: Boolean, reflect: true })\n accessor sortable = false;\n\n /** Specifies the direction of sorting applied to the column. */\n @property({ type: String, reflect: true })\n accessor sortDirection: SORT_DIRECTION = SORT_DIRECTION.DEFAULT;\n\n /**\n * The textual content associated with this component.\n * Represents the primary content or label that will be displayed.\n */\n @property({ type: String })\n accessor headerLabel = '';\n\n /**\n * The unique identifier representing this column header.\n * Used to distinguish between different sortable columns and\n * to ensure that only one column is sorted at a time.\n */\n @property({ type: String })\n accessor sortKey = '';\n\n /**\n * Determines whether the content should be hidden from visual view but remain accessible\n * to screen readers for accessibility purposes. When set to `true`, the content\n * will not be visibly shown, but its content can still be read by screen readers.\n * This is especially useful for providing additional context or information to\n * assistive technologies without cluttering the visual UI.\n */\n @property({ type: Boolean })\n accessor visiblyHidden = false;\n\n /**\n * Sets a fixed width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n */\n @property({ type: String, reflect: true })\n accessor width = '';\n\n /**\n * Sets a maximum width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n */\n @property({ type: String, reflect: true })\n accessor maxWidth = '';\n\n /**\n * Sets a minimum width for the cell;\n * Accepts standard CSS width values (e.g., '150px', '50%').\n * @type {string}\n */\n @property({ type: String, reflect: true })\n accessor minWidth = '';\n\n /**\n * @ignore\n */\n @queryAssignedNodes({ flatten: true })\n accessor listItems!: Array<Node>;\n\n /**\n * Resets the sorting direction of the component to its default state.\n * Useful for initializing or clearing any applied sorting on the element.\n */\n resetSort() {\n this.sortDirection = SORT_DIRECTION.DEFAULT;\n }\n\n /**\n * Assistive text for screen readers.\n * @ignore\n */\n @state()\n accessor assistiveText = '';\n\n /**\n * Toggles the sort direction between ascending, descending, and default states.\n * It also dispatches an event to notify parent components of the sorting change.\n */\n private toggleSortDirection() {\n if (!this.sortKey) {\n console.error('sortKey is missing for a sortable column.');\n return;\n }\n\n switch (this.sortDirection) {\n case SORT_DIRECTION.DEFAULT:\n case SORT_DIRECTION.DESC: {\n this.sortDirection = SORT_DIRECTION.ASC;\n const assistiveText1 = `Column header ${this.sortKey} sorted in ascending order`;\n this.assistiveText =\n this.assistiveText === '' || this.assistiveText === assistiveText1\n ? `${assistiveText1}.`\n : assistiveText1;\n break;\n }\n case SORT_DIRECTION.ASC: {\n this.sortDirection = SORT_DIRECTION.DESC;\n const assistiveText2 = `Column header ${this.sortKey} sorted in descending order`;\n this.assistiveText =\n this.assistiveText === '' || this.assistiveText === assistiveText2\n ? `${assistiveText2}.`\n : assistiveText2;\n break;\n }\n }\n\n // Dispatch event to notify parent components of the sorting change\n this.dispatchEvent(\n new CustomEvent('on-sort-changed', {\n bubbles: true,\n composed: true,\n detail: { sortDirection: this.sortDirection, sortKey: this.sortKey },\n })\n );\n }\n\n override updated(changedProperties: PropertyValues) {\n this.getTextContent();\n\n super.updated(changedProperties);\n if (this.maxWidth && changedProperties.has('maxWidth')) {\n this.style.setProperty('--kyn-th-max-width', this.maxWidth);\n }\n\n if (this.width && changedProperties.has('width')) {\n this.style.setProperty('--kyn-th-width', this.width);\n }\n\n if (this.minWidth && changedProperties.has('minWidth')) {\n this.style.setProperty('--kyn-th-min-width', this.minWidth);\n }\n }\n\n getTextContent() {\n const nonWhitespaceNodes = this.listItems.filter((node) => {\n return (\n node?.nodeType !== Node.TEXT_NODE || node?.textContent?.trim() !== ''\n );\n });\n\n this.headerLabel = nonWhitespaceNodes[0]?.textContent || '';\n }\n\n override render() {\n const iconClasses = {\n 'sort-icon': true,\n 'sort-icon--sorting': this.sortDirection !== SORT_DIRECTION.DEFAULT,\n 'sort-icon--sorting-asc': this.sortDirection === SORT_DIRECTION.ASC,\n 'sort-icon--sorting-desc': this.sortDirection === SORT_DIRECTION.DESC,\n };\n\n const slotClasses = {\n 'slot-wrapper': true,\n 'sr-only': this.visiblyHidden,\n };\n\n /**\n * Accessibility Enhancements:\n * - role: Sets the appropriate role for interactive headers (e.g., when sortable).\n * - ariaSort: Indicates the sorting direction to assistive technologies.\n * - ariaLabel: Provides a descriptive label to assistive technologies for sortable headers.\n * - tabIndex: Enables keyboard interaction for sortable headers.\n * - onKeyDown: Handles keyboard events for sortable headers to allow sorting via the keyboard.\n */\n const role = this.sortable ? 'button' : undefined;\n // const arialSort = this.sortable ? this.sortDirection : undefined;\n const ariaLabel =\n this.sortable && this.headerLabel\n ? `Sort by ${this.headerLabel}`\n : undefined;\n const tabIndex = this.sortable ? 0 : undefined;\n const onKeyDown = this.sortable\n ? (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n this.toggleSortDirection();\n }\n }\n : undefined;\n\n return html`\n <div\n class=\"container\"\n role=${ifDefined(role)}\n @click=${this.sortable ? () => this.toggleSortDirection() : undefined}\n aria-label=${ifDefined(ariaLabel)}\n tabindex=${ifDefined(tabIndex)}\n @keydown=${onKeyDown}\n >\n <div class=${classMap(slotClasses)}>\n <slot></slot>\n </div>\n ${this.sortable\n ? html`<span class=${classMap(iconClasses)}\n >${unsafeSVG(arrowUpIcon)}</span\n >`\n : null}\n\n <div\n class=\"assistive-text\"\n role=\"status\"\n aria-live=\"polite\"\n aria-relevant=\"additions text\"\n >\n ${this.assistiveText}\n </div>\n </div>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-th': TableHeader;\n }\n}\n"],"names":["TableHeader","customElement","LitElement","_classThis","_classSuper","role","__classPrivateFieldGet","this","_TableHeader_role_accessor_storage","value","__classPrivateFieldSet","dense","_TableHeader_dense_accessor_storage","_contextConsumer","_TableHeader__contextConsumer_accessor_storage","align","_TableHeader_align_accessor_storage","sortable","_TableHeader_sortable_accessor_storage","sortDirection","_TableHeader_sortDirection_accessor_storage","headerLabel","_TableHeader_headerLabel_accessor_storage","sortKey","_TableHeader_sortKey_accessor_storage","visiblyHidden","_TableHeader_visiblyHidden_accessor_storage","width","_TableHeader_width_accessor_storage","maxWidth","_TableHeader_maxWidth_accessor_storage","minWidth","_TableHeader_minWidth_accessor_storage","listItems","_TableHeader_listItems_accessor_storage","resetSort","SORT_DIRECTION","DEFAULT","assistiveText","_TableHeader_assistiveText_accessor_storage","toggleSortDirection","DESC","ASC","assistiveText1","assistiveText2","dispatchEvent","CustomEvent","bubbles","composed","detail","console","error","updated","changedProperties","getTextContent","super","has","style","setProperty","nonWhitespaceNodes","filter","node","nodeType","Node","TEXT_NODE","_a","textContent","trim","render","iconClasses","slotClasses","undefined","ariaLabel","tabIndex","onKeyDown","e","key","html","ifDefined","classMap","unsafeSVG","arrowUpIcon","set","__runInitializers","_role_initializers","_role_extraInitializers","_dense_initializers","_dense_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","_align_initializers","TABLE_CELL_ALIGN","LEFT","_align_extraInitializers","_sortable_initializers","_sortable_extraInitializers","_sortDirection_initializers","_sortDirection_extraInitializers","_headerLabel_initializers","_headerLabel_extraInitializers","_sortKey_initializers","_sortKey_extraInitializers","_visiblyHidden_initializers","_visiblyHidden_extraInitializers","_width_initializers","_width_extraInitializers","_maxWidth_initializers","_maxWidth_extraInitializers","_minWidth_initializers","_minWidth_extraInitializers","_listItems_initializers","_listItems_extraInitializers","_assistiveText_initializers","property","type","String","reflect","Boolean","__contextConsumer_decorators","state","_headerLabel_decorators","_sortKey_decorators","_visiblyHidden_decorators","_listItems_decorators","queryAssignedNodes","flatten","_assistiveText_decorators","__esDecorate","_role_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_dense_decorators","__contextConsumer_extraInitializers","_align_decorators","_sortable_decorators","_sortDirection_decorators","_width_decorators","_maxWidth_decorators","_minWidth_decorators","_assistiveText_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BaA,EAAW,6EADvBC,EAAc,kBACkBC,iLAARC,EAAA,cAAQC,EAO/B,QAAkBC,GAAI,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAtB,QAAkBH,CAAII,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAItB,SAASE,GAAK,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAd,SAASD,CAAKF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAWd,oBAAiBI,GAAgB,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAAjC,oBAAiBD,CAAgBJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAwBjC,SAASM,GAAK,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAAd,SAASD,CAAKN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAQd,YAASQ,GAAQ,OAAAX,EAAAC,KAAAW,EAAA,IAAA,CAAjB,YAASD,CAAQR,GAAAC,EAAAH,KAAAW,EAAAT,EAAA,IAAA,CAIjB,iBAASU,GAAa,OAAAb,EAAAC,KAAAa,EAAA,IAAA,CAAtB,iBAASD,CAAaV,GAAAC,EAAAH,KAAAa,EAAAX,EAAA,IAAA,CAOtB,eAASY,GAAW,OAAAf,EAAAC,KAAAe,EAAA,IAAA,CAApB,eAASD,CAAWZ,GAAAC,EAAAH,KAAAe,EAAAb,EAAA,IAAA,CAQpB,WAASc,GAAO,OAAAjB,EAAAC,KAAAiB,EAAA,IAAA,CAAhB,WAASD,CAAOd,GAAAC,EAAAH,KAAAiB,EAAAf,EAAA,IAAA,CAUhB,iBAASgB,GAAa,OAAAnB,EAAAC,KAAAmB,EAAA,IAAA,CAAtB,iBAASD,CAAahB,GAAAC,EAAAH,KAAAmB,EAAAjB,EAAA,IAAA,CAOtB,SAASkB,GAAK,OAAArB,EAAAC,KAAAqB,EAAA,IAAA,CAAd,SAASD,CAAKlB,GAAAC,EAAAH,KAAAqB,EAAAnB,EAAA,IAAA,CAOd,YAASoB,GAAQ,OAAAvB,EAAAC,KAAAuB,EAAA,IAAA,CAAjB,YAASD,CAAQpB,GAAAC,EAAAH,KAAAuB,EAAArB,EAAA,IAAA,CAQjB,YAASsB,GAAQ,OAAAzB,EAAAC,KAAAyB,EAAA,IAAA,CAAjB,YAASD,CAAQtB,GAAAC,EAAAH,KAAAyB,EAAAvB,EAAA,IAAA,CAMjB,aAASwB,GAAS,OAAA3B,EAAAC,KAAA2B,EAAA,IAAA,CAAlB,aAASD,CAASxB,GAAAC,EAAAH,KAAA2B,EAAAzB,EAAA,IAAA,CAMlB,SAAA0B,GACE5B,KAAKY,cAAgBiB,EAAeC,QAQtC,iBAASC,GAAa,OAAAhC,EAAAC,KAAAgC,EAAA,IAAA,CAAtB,iBAASD,CAAa7B,GAAAC,EAAAH,KAAAgC,EAAA9B,EAAA,IAAA,CAMd,mBAAA+B,GACN,GAAKjC,KAAKgB,QAAV,CAKA,OAAQhB,KAAKY,eACX,KAAKiB,EAAeC,QACpB,KAAKD,EAAeK,KAAM,CACxBlC,KAAKY,cAAgBiB,EAAeM,IACpC,MAAMC,EAAiB,iBAAiBpC,KAAKgB,oCAC7ChB,KAAK+B,cACoB,KAAvB/B,KAAK+B,eAAwB/B,KAAK+B,gBAAkBK,EAChD,GAAGA,KACHA,EACN,MAEF,KAAKP,EAAeM,IAAK,CACvBnC,KAAKY,cAAgBiB,EAAeK,KACpC,MAAMG,EAAiB,iBAAiBrC,KAAKgB,qCAC7ChB,KAAK+B,cACoB,KAAvB/B,KAAK+B,eAAwB/B,KAAK+B,gBAAkBM,EAChD,GAAGA,KACHA,EACN,OAKJrC,KAAKsC,cACH,IAAIC,YAAY,kBAAmB,CACjCC,SAAS,EACTC,UAAU,EACVC,OAAQ,CAAE9B,cAAeZ,KAAKY,cAAeI,QAAShB,KAAKgB,iBA/B7D2B,QAAQC,MAAM,6CAoCT,OAAAC,CAAQC,GACf9C,KAAK+C,iBAELC,MAAMH,QAAQC,GACV9C,KAAKsB,UAAYwB,EAAkBG,IAAI,aACzCjD,KAAKkD,MAAMC,YAAY,qBAAsBnD,KAAKsB,UAGhDtB,KAAKoB,OAAS0B,EAAkBG,IAAI,UACtCjD,KAAKkD,MAAMC,YAAY,iBAAkBnD,KAAKoB,OAG5CpB,KAAKwB,UAAYsB,EAAkBG,IAAI,aACzCjD,KAAKkD,MAAMC,YAAY,qBAAsBnD,KAAKwB,UAItD,cAAAuB,SACE,MAAMK,EAAqBpD,KAAK0B,UAAU2B,QAAQC,UAChD,OACEA,aAAI,EAAJA,EAAMC,YAAaC,KAAKC,WAA2C,MAAb,QAAjBC,EAAAJ,aAAI,EAAJA,EAAMK,mBAAW,IAAAD,OAAA,EAAAA,EAAEE,OAAa,IAIzE5D,KAAKc,aAAmC,QAArB4C,EAAAN,EAAmB,UAAE,IAAAM,OAAA,EAAAA,EAAEC,cAAe,GAGlD,MAAAE,GACP,MAAMC,EAAc,CAClB,aAAa,EACb,qBAAsB9D,KAAKY,gBAAkBiB,EAAeC,QAC5D,yBAA0B9B,KAAKY,gBAAkBiB,EAAeM,IAChE,0BAA2BnC,KAAKY,gBAAkBiB,EAAeK,MAG7D6B,EAAc,CAClB,gBAAgB,EAChB,UAAW/D,KAAKkB,eAWZpB,EAAOE,KAAKU,SAAW,cAAWsD,EAElCC,EACJjE,KAAKU,UAAYV,KAAKc,YAClB,WAAWd,KAAKc,mBAChBkD,EACAE,EAAWlE,KAAKU,SAAW,OAAIsD,EAC/BG,EAAYnE,KAAKU,SAClB0D,IACe,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,KACzBrE,KAAKiC,4BAGT+B,EAEJ,OAAOM,CAAI;;;eAGAC,EAAUzE;iBACRE,KAAKU,SAAW,IAAMV,KAAKiC,2BAAwB+B;qBAC/CO,EAAUN;mBACZM,EAAUL;mBACVC;;qBAEEK,EAAST;;;UAGpB/D,KAAKU,SACH4D,CAAI,eAAeE,EAASV;iBACvBW,EAAUC;eAEf;;;;;;;;YAQA1E,KAAK+B;;;wCA1PG9B,EAAA0E,IAAA3E,KAAA4E,EAAA5E,KAAA6E,GAAO,iBAIhBxE,EAAAsE,IAAA3E,MAAA4E,EAAA5E,KAAA8E,IAAAF,EAAA5E,KAAA+E,IAAQ,KAWAxE,EAAAoE,IAAA3E,MAAA4E,EAAA5E,KAAAgF,IAAAJ,EAAA5E,KAAAiF,GAAmB,IAAIC,EACtClF,KACAmF,GACCC,IACKA,GAASpF,KAAKqF,oBAAoBD,EAAQ,IAEhD,MAOFpF,KAAAqF,gCAAsB,EAAGjF,YACH,kBAATA,IACTJ,KAAKI,MAAQA,KASRK,EAAAkE,IAAA3E,KAAA4E,EAAA5E,KAAAsF,GAA0BC,EAAiBC,OAQ3C7E,EAAAgE,IAAA3E,MAAA4E,EAAA5E,KAAAyF,IAAAb,EAAA5E,KAAA0F,IAAW,KAIX7E,EAAA8D,IAAA3E,MAAA4E,EAAA5E,KAAA2F,IAAAf,EAAA5E,KAAA4F,GAAgC/D,EAAeC,WAO/Cf,EAAA4D,IAAA3E,MAAA4E,EAAA5E,KAAA6F,IAAAjB,EAAA5E,KAAA8F,GAAc,MAQd7E,EAAA0D,IAAA3E,MAAA4E,EAAA5E,KAAA+F,IAAAnB,EAAA5E,KAAAgG,GAAU,MAUV7E,EAAAwD,IAAA3E,MAAA4E,EAAA5E,KAAAiG,IAAArB,EAAA5E,KAAAkG,IAAgB,KAOhB7E,EAAAsD,IAAA3E,MAAA4E,EAAA5E,KAAAmG,IAAAvB,EAAA5E,KAAAoG,GAAQ,MAOR7E,EAAAoD,IAAA3E,MAAA4E,EAAA5E,KAAAqG,IAAAzB,EAAA5E,KAAAsG,GAAW,MAQX7E,EAAAkD,IAAA3E,MAAA4E,EAAA5E,KAAAuG,IAAA3B,EAAA5E,KAAAwG,GAAW,MAMX7E,EAAAgD,IAAA3E,MAAA4E,EAAA5E,KAAAyG,IAAA7B,EAAA5E,KAAA0G,QAAA,KAeA1E,EAAA2C,IAAA3E,MAAA4E,EAAA5E,KAAA2G,IAAA/B,EAAA5E,KAAA4G,GAAgB,mXAxHxBC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,QAIlCH,EAAS,CAAEC,KAAMG,QAASD,SAAS,KAUnCE,EAAA,CAAAC,QAyBAN,EAAS,CAAEC,KAAMC,OAAQC,SAAS,QAQlCH,EAAS,CAAEC,KAAMG,QAASD,SAAS,QAInCH,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAOlCI,EAAA,CAAAP,EAAS,CAAEC,KAAMC,UAQjBM,EAAA,CAAAR,EAAS,CAAEC,KAAMC,UAUjBO,EAAA,CAAAT,EAAS,CAAEC,KAAMG,cAOjBJ,EAAS,CAAEC,KAAMC,OAAQC,SAAS,QAOlCH,EAAS,CAAEC,KAAMC,OAAQC,SAAS,QAQlCH,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KAMlCO,EAAA,CAAAC,EAAmB,CAAEC,SAAS,KAe9BC,EAAA,CAAAP,KAtHDQ,EAAA/H,EAAA,KAAAgI,EAAA,CAAAC,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAkBpI,KAAI6E,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAJpI,KAAII,CAAA,GAAAkI,SAAAC,GAAAxD,GAAAC,IAItB6C,EAAA/H,EAAA,KAAA0I,EAAA,CAAAT,KAAA,WAAAC,KAAA,QAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAAS9H,MAAKuE,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAL9H,MAAKF,CAAA,GAAAkI,SAAAC,GAAAtD,GAAAC,IAWd2C,EAAA/H,EAAA,KAAAsH,EAAA,CAAAW,KAAA,WAAAC,KAAA,mBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,qBAAAA,EAAAC,IAAAD,GAAAA,EAAiB5H,iBAAgBqE,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAhB5H,iBAAgBJ,CAAA,GAAAkI,SAAAC,GAAApD,GAAAsD,IAwBjCZ,EAAA/H,EAAA,KAAA4I,EAAA,CAAAX,KAAA,WAAAC,KAAA,QAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAAS1H,MAAKmE,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAL1H,MAAKN,CAAA,GAAAkI,SAAAC,GAAA/C,GAAAG,IAQdkC,EAAA/H,EAAA,KAAA6I,EAAA,CAAAZ,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASxH,SAAQiE,IAAA,CAAAuD,EAAAhI,KAAAgI,EAARxH,SAAQR,CAAA,GAAAkI,SAAAC,GAAA3C,GAAAC,IAIjBgC,EAAA/H,EAAA,KAAA8I,EAAA,CAAAb,KAAA,WAAAC,KAAA,gBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAAStH,cAAa+D,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAbtH,cAAaV,CAAA,GAAAkI,SAAAC,GAAAzC,GAAAC,IAOtB8B,EAAA/H,EAAA,KAAAwH,EAAA,CAAAS,KAAA,WAAAC,KAAA,cAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAASpH,YAAW6D,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAXpH,YAAWZ,CAAA,GAAAkI,SAAAC,GAAAvC,GAAAC,IAQpB4B,EAAA/H,EAAA,KAAAyH,EAAA,CAAAQ,KAAA,WAAAC,KAAA,UAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,YAAAA,EAAAC,IAAAD,GAAAA,EAASlH,QAAO2D,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAPlH,QAAOd,CAAA,GAAAkI,SAAAC,GAAArC,GAAAC,IAUhB0B,EAAA/H,EAAA,KAAA0H,EAAA,CAAAO,KAAA,WAAAC,KAAA,gBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAAShH,cAAayD,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAbhH,cAAahB,CAAA,GAAAkI,SAAAC,GAAAnC,GAAAC,IAOtBwB,EAAA/H,EAAA,KAAA+I,EAAA,CAAAd,KAAA,WAAAC,KAAA,QAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAAS9G,MAAKuD,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAL9G,MAAKlB,CAAA,GAAAkI,SAAAC,GAAAjC,GAAAC,IAOdsB,EAAA/H,EAAA,KAAAgJ,EAAA,CAAAf,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAS5G,SAAQqD,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAR5G,SAAQpB,CAAA,GAAAkI,SAAAC,GAAA/B,GAAAC,IAQjBoB,EAAA/H,EAAA,KAAAiJ,EAAA,CAAAhB,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAS1G,SAAQmD,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAR1G,SAAQtB,CAAA,GAAAkI,SAAAC,GAAA7B,GAAAC,IAMjBkB,EAAA/H,EAAA,KAAA2H,EAAA,CAAAM,KAAA,WAAAC,KAAA,YAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAASxG,UAASiD,IAAA,CAAAuD,EAAAhI,KAAAgI,EAATxG,UAASxB,CAAA,GAAAkI,SAAAC,GAAA3B,GAAAC,IAelBgB,EAAA/H,EAAA,KAAA8H,EAAA,CAAAG,KAAA,WAAAC,KAAA,gBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAhF,IAAAiF,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAASnG,cAAa4C,IAAA,CAAAuD,EAAAhI,KAAAgI,EAAbnG,cAAa7B,CAAA,GAAAkI,SAAAC,GAAAzB,GAAAkC,IA9HxBnB,EAAA,KAAAoB,EAAA,CAAA7I,MAAAN,GAAAoJ,EAAA,CAAAnB,KAAA,QAAAC,KAAAlI,EAAAkI,KAAAM,SAAAC,GAAA,KAAAY,iHACkBrJ,EAAAsJ,OAASC,EAAUD,GADxBtE,EAAAhF,EAAAqJ,MAAW"}
|
|
1
|
+
{"version":3,"file":"table-header.js","sources":["../../../../src/components/reusable/table/table-header.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS, PropertyValues } from 'lit';\nimport {\n customElement,\n property,\n queryAssignedNodes,\n state,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport arrowUpIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/arrow-up.svg';\nimport styles from './table-header.scss?inline';\n\nimport { SORT_DIRECTION, TABLE_CELL_ALIGN } from './defs';\n\n/**\n * `kyn-th` Web Component.\n *\n * Represents a custom table header cell (`<th>`) for Shidoka's design system tables.\n * Provides sorting functionality when enabled and allows alignment customization.\n *\n * @fires on-sort-changed - Dispatched when the sort direction is changed. `detail: {sortDirection: string, sortKey: string } `\n * @slot unnamed - The content slot for adding header text or content.\n * @slot column-filter - slot for column filter.\n */\n@customElement('kyn-th')\nexport class TableHeader extends LitElement {\n static override styles = unsafeCSS(styles);\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override accessor role = 'columnheader';\n\n /** Determines if the cell should have a denser layout. */\n @property({ type: Boolean, reflect: true })\n accessor dense = false;\n\n /**\n * Context consumer for the table context.\n * Updates the cell's dense properties when the context changes.\n * @private\n * @ignore\n * @type {ContextConsumer<TableContextType, TableHeader>}\n */\n @state()\n // @ts-expect-error - This is a context consumer\n private accessor _contextConsumer = new ContextConsumer(\n this,\n tableContext,\n (context) => {\n if (context) this.handleContextChange(context);\n },\n true\n );\n\n /**\n * Updates the cell's dense properties when the context changes.\n * @param {TableContextType} context - The updated context.\n */\n handleContextChange = ({ dense }: TableContextType) => {\n if (typeof dense == 'boolean') {\n this.dense = dense;\n }\n };\n\n /**\n * Specifies the alignment of the content within the table header.\n * Options: 'left', 'center', 'right'\n */\n @property({ type: String, reflect: true })\n accessor align: TABLE_CELL_ALIGN = TABLE_CELL_ALIGN.LEFT;\n\n /**\n * Specifies if the column is sortable.\n * If set to true, an arrow icon will be displayed unpon hover,\n * allowing the user to toggle sort directions.\n */\n @property({ type: Boolean, reflect: true })\n accessor sortable = false;\n\n /** Specifies the direction of sorting applied to the column. */\n @property({ type: String, reflect: true })\n accessor sortDirection: SORT_DIRECTION = SORT_DIRECTION.DEFAULT;\n\n /**\n * The textual content associated with this component.\n * Represents the primary content or label that will be displayed.\n */\n @property({ type: String })\n accessor headerLabel = '';\n\n /**\n * The unique identifier representing this column header.\n * Used to distinguish between different sortable columns and\n * to ensure that only one column is sorted at a time.\n */\n @property({ type: String })\n accessor sortKey = '';\n\n /**\n * Determines whether the content should be hidden from visual view but remain accessible\n * to screen readers for accessibility purposes. When set to `true`, the content\n * will not be visibly shown, but its content can still be read by screen readers.\n * This is especially useful for providing additional context or information to\n * assistive technologies without cluttering the visual UI.\n */\n @property({ type: Boolean })\n accessor visiblyHidden = false;\n\n /**\n * Sets a fixed width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n */\n @property({ type: String, reflect: true })\n accessor width = '';\n\n /**\n * Sets a maximum width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n */\n @property({ type: String, reflect: true })\n accessor maxWidth = '';\n\n /**\n * Sets a minimum width for the cell;\n * Accepts standard CSS width values (e.g., '150px', '50%').\n * @type {string}\n */\n @property({ type: String, reflect: true })\n accessor minWidth = '';\n\n /**\n * @ignore\n */\n @queryAssignedNodes({ flatten: true })\n accessor listItems!: Array<Node>;\n\n /**\n * Resets the sorting direction of the component to its default state.\n * Useful for initializing or clearing any applied sorting on the element.\n */\n resetSort() {\n this.sortDirection = SORT_DIRECTION.DEFAULT;\n }\n\n /**\n * Assistive text for screen readers.\n * @ignore\n */\n @state()\n accessor assistiveText = '';\n\n /**\n * Toggles the sort direction between ascending, descending, and default states.\n * It also dispatches an event to notify parent components of the sorting change.\n */\n private toggleSortDirection() {\n if (!this.sortKey) {\n console.error('sortKey is missing for a sortable column.');\n return;\n }\n\n switch (this.sortDirection) {\n case SORT_DIRECTION.DEFAULT:\n case SORT_DIRECTION.DESC: {\n this.sortDirection = SORT_DIRECTION.ASC;\n const assistiveText1 = `Column header ${this.sortKey} sorted in ascending order`;\n this.assistiveText =\n this.assistiveText === '' || this.assistiveText === assistiveText1\n ? `${assistiveText1}.`\n : assistiveText1;\n break;\n }\n case SORT_DIRECTION.ASC: {\n this.sortDirection = SORT_DIRECTION.DESC;\n const assistiveText2 = `Column header ${this.sortKey} sorted in descending order`;\n this.assistiveText =\n this.assistiveText === '' || this.assistiveText === assistiveText2\n ? `${assistiveText2}.`\n : assistiveText2;\n break;\n }\n }\n\n // Dispatch event to notify parent components of the sorting change\n this.dispatchEvent(\n new CustomEvent('on-sort-changed', {\n bubbles: true,\n composed: true,\n detail: { sortDirection: this.sortDirection, sortKey: this.sortKey },\n })\n );\n }\n\n override updated(changedProperties: PropertyValues) {\n this.getTextContent();\n\n super.updated(changedProperties);\n if (this.maxWidth && changedProperties.has('maxWidth')) {\n this.style.setProperty('--kyn-th-max-width', this.maxWidth);\n }\n\n if (this.width && changedProperties.has('width')) {\n this.style.setProperty('--kyn-th-width', this.width);\n }\n\n if (this.minWidth && changedProperties.has('minWidth')) {\n this.style.setProperty('--kyn-th-min-width', this.minWidth);\n }\n }\n\n getTextContent() {\n const nonWhitespaceNodes = this.listItems.filter((node) => {\n return (\n node?.nodeType !== Node.TEXT_NODE || node?.textContent?.trim() !== ''\n );\n });\n\n this.headerLabel = nonWhitespaceNodes[0]?.textContent || '';\n }\n\n override render() {\n const iconClasses = {\n 'sort-icon': true,\n 'sort-icon--sorting': this.sortDirection !== SORT_DIRECTION.DEFAULT,\n 'sort-icon--sorting-asc': this.sortDirection === SORT_DIRECTION.ASC,\n 'sort-icon--sorting-desc': this.sortDirection === SORT_DIRECTION.DESC,\n };\n\n const slotClasses = {\n 'slot-wrapper': true,\n 'sr-only': this.visiblyHidden,\n };\n\n /**\n * Accessibility Enhancements:\n * - role: Sets the appropriate role for interactive headers (e.g., when sortable).\n * - ariaSort: Indicates the sorting direction to assistive technologies.\n * - ariaLabel: Provides a descriptive label to assistive technologies for sortable headers.\n * - tabIndex: Enables keyboard interaction for sortable headers.\n * - onKeyDown: Handles keyboard events for sortable headers to allow sorting via the keyboard.\n */\n const role = this.sortable ? 'button' : undefined;\n // const arialSort = this.sortable ? this.sortDirection : undefined;\n const ariaLabel =\n this.sortable && this.headerLabel\n ? `Sort by ${this.headerLabel}`\n : undefined;\n const tabIndex = this.sortable ? 0 : undefined;\n const onKeyDown = this.sortable\n ? (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n this.toggleSortDirection();\n }\n }\n : undefined;\n\n return html`\n <div\n class=\"container\"\n role=${ifDefined(role)}\n @click=${this.sortable ? () => this.toggleSortDirection() : undefined}\n aria-label=${ifDefined(ariaLabel)}\n tabindex=${ifDefined(tabIndex)}\n @keydown=${onKeyDown}\n >\n <div class=${classMap(slotClasses)}>\n <slot></slot>\n </div>\n ${this.sortable\n ? html`<span class=${classMap(iconClasses)}\n >${unsafeSVG(arrowUpIcon)}</span\n >`\n : null}\n\n <div\n class=\"assistive-text\"\n role=\"status\"\n aria-live=\"polite\"\n aria-relevant=\"additions text\"\n >\n ${this.assistiveText}\n </div>\n </div>\n <slot name=\"column-filter\"> </slot>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-th': TableHeader;\n }\n}\n"],"names":["TableHeader","customElement","LitElement","_classThis","_classSuper","role","__classPrivateFieldGet","this","_TableHeader_role_accessor_storage","value","__classPrivateFieldSet","dense","_TableHeader_dense_accessor_storage","_contextConsumer","_TableHeader__contextConsumer_accessor_storage","align","_TableHeader_align_accessor_storage","sortable","_TableHeader_sortable_accessor_storage","sortDirection","_TableHeader_sortDirection_accessor_storage","headerLabel","_TableHeader_headerLabel_accessor_storage","sortKey","_TableHeader_sortKey_accessor_storage","visiblyHidden","_TableHeader_visiblyHidden_accessor_storage","width","_TableHeader_width_accessor_storage","maxWidth","_TableHeader_maxWidth_accessor_storage","minWidth","_TableHeader_minWidth_accessor_storage","listItems","_TableHeader_listItems_accessor_storage","resetSort","SORT_DIRECTION","DEFAULT","assistiveText","_TableHeader_assistiveText_accessor_storage","toggleSortDirection","DESC","ASC","assistiveText1","assistiveText2","dispatchEvent","CustomEvent","bubbles","composed","detail","console","error","updated","changedProperties","getTextContent","super","has","style","setProperty","nonWhitespaceNodes","filter","node","nodeType","Node","TEXT_NODE","_a","textContent","trim","render","iconClasses","slotClasses","undefined","ariaLabel","tabIndex","onKeyDown","e","key","html","ifDefined","classMap","unsafeSVG","arrowUpIcon","set","__runInitializers","_role_initializers","_role_extraInitializers","_dense_initializers","_dense_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","_align_initializers","TABLE_CELL_ALIGN","LEFT","_align_extraInitializers","_sortable_initializers","_sortable_extraInitializers","_sortDirection_initializers","_sortDirection_extraInitializers","_headerLabel_initializers","_headerLabel_extraInitializers","_sortKey_initializers","_sortKey_extraInitializers","_visiblyHidden_initializers","_visiblyHidden_extraInitializers","_width_initializers","_width_extraInitializers","_maxWidth_initializers","_maxWidth_extraInitializers","_minWidth_initializers","_minWidth_extraInitializers","_listItems_initializers","_listItems_extraInitializers","_assistiveText_initializers","property","type","String","reflect","Boolean","__contextConsumer_decorators","state","_headerLabel_decorators","_sortKey_decorators","_visiblyHidden_decorators","_listItems_decorators","queryAssignedNodes","flatten","_assistiveText_decorators","__esDecorate","_role_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_dense_decorators","__contextConsumer_extraInitializers","_align_decorators","_sortable_decorators","_sortDirection_decorators","_width_decorators","_maxWidth_decorators","_minWidth_decorators","_assistiveText_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kyndryl-design-system/shidoka-applications",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.78.0",
|
|
4
4
|
"description": "Shidoka Web Components for Applications",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "index.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@floating-ui/dom": "^1.7.1",
|
|
33
|
-
"@kyndryl-design-system/shidoka-foundation": "^2.8.
|
|
33
|
+
"@kyndryl-design-system/shidoka-foundation": "^2.8.7",
|
|
34
34
|
"@kyndryl-design-system/shidoka-icons": "^2.19.0",
|
|
35
35
|
"@lit/context": "^1.1.0",
|
|
36
36
|
"deepmerge-ts": "^7.1.0",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"husky": "^8.0.3",
|
|
80
80
|
"lint-staged": "^15.4.3",
|
|
81
81
|
"lit-analyzer": "^2.0.3",
|
|
82
|
-
"playwright": "^1.
|
|
82
|
+
"playwright": "^1.58.0",
|
|
83
83
|
"postcss": "^8.4.21",
|
|
84
84
|
"prettier": "^2.8.2",
|
|
85
85
|
"remark-gfm": "^4.0.0",
|