@kyndryl-design-system/shidoka-applications 2.68.7 → 2.69.1
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/common/helpers/swiper.js +1 -1
- package/components/ai/sourcesFeedback/aiSourcesFeedback.d.ts +8 -1
- package/components/ai/sourcesFeedback/aiSourcesFeedback.d.ts.map +1 -1
- package/components/ai/sourcesFeedback/aiSourcesFeedback.js +52 -46
- package/components/ai/sourcesFeedback/aiSourcesFeedback.js.map +1 -1
- package/components/ai/sourcesFeedback/index.js +1 -1
- package/components/global/header/headerFlyout.js +1 -1
- package/components/global/header/headerFlyouts.js +1 -1
- package/components/global/header/headerLink.js +1 -1
- package/components/global/header/headerNav.js +1 -1
- package/components/global/header/index.js +1 -1
- package/components/global/localNav/index.js +1 -1
- package/components/global/localNav/localNav.js +1 -1
- package/components/global/localNav/localNavLink.js +4 -4
- package/components/reusable/accordion/accordionItem.js +1 -1
- package/components/reusable/accordion/index.js +1 -1
- package/components/reusable/badge/badge.js +1 -1
- package/components/reusable/badge/index.js +1 -1
- package/components/reusable/blockCodeView/blockCodeView.js +5 -5
- package/components/reusable/blockCodeView/index.js +1 -1
- package/components/reusable/button/button.js +4 -4
- package/components/reusable/buttonGroup/buttonGroup.d.ts +2 -1
- package/components/reusable/buttonGroup/buttonGroup.d.ts.map +1 -1
- package/components/reusable/buttonGroup/buttonGroup.js +1 -1
- package/components/reusable/buttonGroup/buttonGroup.js.map +1 -1
- package/components/reusable/buttonGroup/index.js +1 -1
- package/components/reusable/card/card.js +1 -1
- package/components/reusable/card/index.js +1 -1
- package/components/reusable/checkbox/checkboxGroup.d.ts.map +1 -1
- package/components/reusable/checkbox/checkboxGroup.js +3 -3
- package/components/reusable/checkbox/checkboxGroup.js.map +1 -1
- package/components/reusable/checkbox/index.js +1 -1
- package/components/reusable/colorInput/colorInput.js +1 -1
- package/components/reusable/colorInput/index.js +1 -1
- package/components/reusable/datePicker/datepicker.js +1 -1
- package/components/reusable/datePicker/index.js +1 -1
- package/components/reusable/daterangepicker/daterangepicker.js +1 -1
- package/components/reusable/daterangepicker/index.js +1 -1
- package/components/reusable/dropdown/dropdown.js +1 -1
- package/components/reusable/dropdown/dropdownOption.js +1 -1
- package/components/reusable/dropdown/enhancedDropdownOption.js +1 -1
- package/components/reusable/dropdown/index.js +1 -1
- package/components/reusable/fileUploader/fileUploader.js +1 -1
- package/components/reusable/fileUploader/fileUploaderListContainer.js +1 -1
- package/components/reusable/fileUploader/index.js +1 -1
- package/components/reusable/inlineConfirm/index.js +1 -1
- package/components/reusable/inlineConfirm/inlineConfirm.js +1 -1
- package/components/reusable/link/link.d.ts +2 -1
- package/components/reusable/link/link.d.ts.map +1 -1
- package/components/reusable/link/link.js.map +1 -1
- package/components/reusable/loaders/aiLoader.js +1 -1
- package/components/reusable/loaders/index.js +1 -1
- package/components/reusable/loaders/inline.js +1 -1
- package/components/reusable/loaders/spinner.js +1 -1
- package/components/reusable/modal/index.js +1 -1
- package/components/reusable/modal/modal.d.ts +1 -0
- package/components/reusable/modal/modal.d.ts.map +1 -1
- package/components/reusable/modal/modal.js +108 -14
- package/components/reusable/modal/modal.js.map +1 -1
- package/components/reusable/multiInputField/index.js +1 -1
- package/components/reusable/multiInputField/multiInputField.js +1 -1
- package/components/reusable/notification/index.js +1 -1
- package/components/reusable/notification/notification.js +1 -1
- package/components/reusable/numberInput/index.js +1 -1
- package/components/reusable/numberInput/numberInput.js +1 -1
- package/components/reusable/overflowMenu/index.js +1 -1
- package/components/reusable/overflowMenu/overflowMenu.js +1 -1
- package/components/reusable/overflowMenu/overflowMenuItem.js +1 -1
- package/components/reusable/pagination/Pagination.js +1 -1
- package/components/reusable/pagination/index.js +1 -1
- package/components/reusable/pagination/pagination-navigation-buttons.js +1 -1
- package/components/reusable/pagination/pagination-page-size-dropdown.js +1 -1
- package/components/reusable/popover/index.js +1 -1
- package/components/reusable/popover/popover.js +1 -1
- package/components/reusable/progressBar/index.js +1 -1
- package/components/reusable/progressBar/progressBar.js +1 -1
- package/components/reusable/radioButton/index.js +1 -1
- package/components/reusable/radioButton/radioButtonGroup.js +1 -1
- package/components/reusable/search/index.js +1 -1
- package/components/reusable/search/search.js +1 -1
- package/components/reusable/sideDrawer/index.js +1 -1
- package/components/reusable/sideDrawer/sideDrawer.js +1 -1
- package/components/reusable/sliderInput/index.js +1 -1
- package/components/reusable/sliderInput/sliderInput.js +1 -1
- package/components/reusable/splitButton/index.js +1 -1
- package/components/reusable/splitButton/splitButton.js +1 -1
- package/components/reusable/stepper/index.js +1 -1
- package/components/reusable/stepper/stepper.js +1 -1
- package/components/reusable/stepper/stepperItem.js +1 -1
- package/components/reusable/table/index.js +1 -1
- package/components/reusable/table/table-body.js +1 -1
- package/components/reusable/table/table-header-row.js +1 -1
- package/components/reusable/table/table-header.js +1 -1
- package/components/reusable/table/table-row.js +3 -3
- package/components/reusable/table/table.skeleton.js +1 -1
- package/components/reusable/tag/index.js +1 -1
- package/components/reusable/tag/tag.js +1 -1
- package/components/reusable/tag/tagGroup.js +1 -1
- package/components/reusable/textArea/index.js +1 -1
- package/components/reusable/textArea/textArea.js +1 -1
- package/components/reusable/textInput/index.js +1 -1
- package/components/reusable/textInput/textInput.js +1 -1
- package/components/reusable/timepicker/index.js +1 -1
- package/components/reusable/timepicker/timepicker.js +1 -1
- package/components/reusable/tooltip/index.js +1 -1
- package/components/reusable/tooltip/tooltip.js +1 -1
- package/components/reusable/widget/index.js +1 -1
- package/components/reusable/widget/widget.js +1 -1
- package/components/reusable/widget/widgetDragHandle.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/vendor/@kyndryl-design-system/{shidoka-icons-CtuuldUV.js → shidoka-icons-oqOblwTK.js} +2 -2
- package/vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js.map +1 -0
- package/vendor/@kyndryl-design-system/shidoka-icons-CtuuldUV.js.map +0 -1
package/common/helpers/swiper.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as e}from"../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{a as e}from"../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";const n={slidesPerView:1.25,centeredSlides:!0,spaceBetween:16,breakpoints:{672:{slidesPerView:"auto",spaceBetween:24}},keyboard:{enabled:!0},mousewheel:{enabled:!0,forceToAxis:!0},navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},scrollbar:{el:".swiper-scrollbar",draggable:!0},pagination:{el:".swiper-pagination",clickable:!0,type:"fraction"},on:{init:function(n){n.navigation.prevEl.innerHTML=e,n.navigation.nextEl.innerHTML=e,t(n)},transitionEnd:function(e){t(e)},scrollbarDragEnd:function(e){t(e)}}},t=e=>{const n=e.el.getBoundingClientRect();e.slides.forEach((e=>{const t=e.getBoundingClientRect();t.left<n.left||t.right>n.width+n.left?(e.classList.add("off-screen"),e.setAttribute("aria-disabled","true")):(e.classList.remove("off-screen"),e.setAttribute("aria-disabled","false"))}))};export{n as SwiperConfig};
|
|
2
2
|
//# sourceMappingURL=swiper.js.map
|
|
@@ -8,7 +8,14 @@ import '../../reusable/button';
|
|
|
8
8
|
* @slot copy - copy button
|
|
9
9
|
* @slot sources - source cards in source panel.
|
|
10
10
|
* @slot feedback-form - Positive feedback form.
|
|
11
|
-
* @fires on-toggle - Emits the `opened` state when the panel item opens/closes.
|
|
11
|
+
* @fires on-toggle - Emits the `opened` state when the panel item opens/closes.
|
|
12
|
+
* <pre><code>
|
|
13
|
+
* detail: {
|
|
14
|
+
* sourcesOpened: boolean,
|
|
15
|
+
* feedbackOpened: boolean,
|
|
16
|
+
* selectedFeedbackType: string
|
|
17
|
+
* }
|
|
18
|
+
* </code></pre>
|
|
12
19
|
* @fires on-feedback-deselected - Emits when thumbs-up or thumbs-down button is deselected. `detail:{ feedbackType: string }`
|
|
13
20
|
*/
|
|
14
21
|
export declare class AISourcesFeedback extends LitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aiSourcesFeedback.d.ts","sourceRoot":"","sources":["../../../../src/components/ai/sourcesFeedback/aiSourcesFeedback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAoBlD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAW/B
|
|
1
|
+
{"version":3,"file":"aiSourcesFeedback.d.ts","sourceRoot":"","sources":["../../../../src/components/ai/sourcesFeedback/aiSourcesFeedback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAoBlD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAW/B;;;;;;;;;;;;;;;GAeG;AAEH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAAyB;IAE/C,uDAAuD;IAEvD,QAAQ,CAAC,aAAa,UAAS;IAE/B,2DAA2D;IAE3D,QAAQ,CAAC,cAAc,UAAS;IAEhC,0DAA0D;IAE1D,QAAQ,CAAC,eAAe,UAAS;IAEjC,6DAA6D;IAE7D,QAAQ,CAAC,gBAAgB,UAAS;IAElC,0DAA0D;IAE1D,QAAQ,CAAC,gBAAgB,UAAS;IAElC,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;;;;MAAuB;IAE3C,yBAAyB;IAEzB,QAAQ,CAAC,SAAS,SAAW;IAE7B;;OAEG;IAEH,QAAQ,CAAC,WAAW,SAAK;IAEzB;;OAEG;IAEH,QAAQ,CAAC,aAAa,UAAS;IAE/B;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;;;;MAAuB;IAE5C;;OAEG;IAEH,QAAQ,CAAC,qBAAqB,EAAE,GAAG,CAAQ;IAE3C;;;OAGG;IAEH,QAAQ,CAAC,UAAU,EAAG,GAAG,CAAC;IAE1B;;OAEG;IACM,QAAQ,CAAC,kBAAkB,SAAK;IAEzC;;OAEG;IACM,QAAQ,CAAC,oBAAoB,SAAK;IAElC,MAAM;IA4Jf,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,qBAAqB;IAyB7B,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,gBAAgB;IAyBxB,OAAO,CAAC,oBAAoB;IAY5B,SAAS,CAAC,iBAAiB;IAI3B,OAAO,CAAC,oBAAoB;IAgBnB,UAAU,CAAC,YAAY,EAAE,GAAG;cAMlB,OAAO,CAAC,YAAY,EAAE,GAAG,GAAG,IAAI;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,iBAAiB,CAAC;KAC9C;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPrivateFieldGet as i,__classPrivateFieldSet as a}from"tslib";import{css as n,LitElement as l,unsafeCSS as o,html as c}from"lit";import{customElement as d,property as r,state as h,queryAssignedElements as u}from"lit/decorators.js";import{deepmerge as
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPrivateFieldGet as i,__classPrivateFieldSet as a}from"tslib";import{css as n,LitElement as l,unsafeCSS as o,html as c}from"lit";import{customElement as d,property as r,state as h,queryAssignedElements as u}from"lit/decorators.js";import{deepmerge as p}from"deepmerge-ts";import{classMap as k}from"lit-html/directives/class-map.js";import{unsafeSVG as b}from"lit/directives/unsafe-svg.js";import{t as m,b as f,d as v,f as g,g as y,c as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"../../reusable/link/link.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../reusable/link/defs.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"../../reusable/inlineConfirm/inlineConfirm.js";import"lit-html/directives/unsafe-svg.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var _=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -37,19 +37,25 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
|
|
|
37
37
|
justify-content: space-between;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
.left-div
|
|
41
|
-
.right-div {
|
|
40
|
+
.left-div {
|
|
42
41
|
display: flex;
|
|
43
|
-
gap:
|
|
42
|
+
gap: 16px;
|
|
43
|
+
align-items: center;
|
|
44
|
+
flex-wrap: wrap;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.thumb-feedback-div {
|
|
48
|
+
display: flex;
|
|
49
|
+
gap: 8px;
|
|
44
50
|
align-items: center;
|
|
45
51
|
flex-wrap: wrap;
|
|
46
52
|
}
|
|
47
53
|
|
|
48
54
|
.card-container {
|
|
49
|
-
margin-top:
|
|
55
|
+
margin-top: 16px;
|
|
50
56
|
display: flex;
|
|
51
57
|
flex-direction: column;
|
|
52
|
-
gap:
|
|
58
|
+
gap: 8px;
|
|
53
59
|
}
|
|
54
60
|
.card-container slot[name=sources]::slotted(kyn-card) {
|
|
55
61
|
width: 100%;
|
|
@@ -92,7 +98,7 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
|
|
|
92
98
|
|
|
93
99
|
.reveal-toggle {
|
|
94
100
|
justify-self: start;
|
|
95
|
-
margin-top:
|
|
101
|
+
margin-top: 8px;
|
|
96
102
|
}
|
|
97
103
|
|
|
98
104
|
.close-container,
|
|
@@ -101,11 +107,45 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
|
|
|
101
107
|
position: absolute;
|
|
102
108
|
right: 8px;
|
|
103
109
|
top: 8px;
|
|
104
|
-
}`;const x={sourcesText:"Sources",foundSources:"Found sources",showMore:"Show more",showLess:"Show less",positiveFeedback:"Share what you liked",negativeFeedback:"Help us improve"};let w=(()=>{var n,w,S,D,$,O,T,F,j,E,M,R,U,W;let A,z,L,B,P,H,I,q,G,J,K,N,Q,V,X,Y,Z=[d("kyn-ai-sources-feedback")],ee=[],te=l,se=[],ie=[],ae=[],ne=[],le=[],oe=[],ce=[],de=[],re=[],he=[],ue=[],
|
|
110
|
+
}`;const x={sourcesText:"Sources",foundSources:"Found sources",showMore:"Show more",showLess:"Show less",positiveFeedback:"Share what you liked",negativeFeedback:"Help us improve"};let w=(()=>{var n,w,S,D,$,O,T,F,j,E,M,R,U,W;let A,z,L,B,P,H,I,q,G,J,K,N,Q,V,X,Y,Z=[d("kyn-ai-sources-feedback")],ee=[],te=l,se=[],ie=[],ae=[],ne=[],le=[],oe=[],ce=[],de=[],re=[],he=[],ue=[],pe=[],ke=[],be=[],me=[],fe=[],ve=[],ge=[],ye=[],Ce=[],_e=[],xe=[],we=[],Se=[],De=[],$e=[],Oe=[],Te=[];return z=class extends te{get sourcesOpened(){return i(this,n,"f")}set sourcesOpened(e){a(this,n,e,"f")}get feedbackOpened(){return i(this,w,"f")}set feedbackOpened(e){a(this,w,e,"f")}get sourcesDisabled(){return i(this,S,"f")}set sourcesDisabled(e){a(this,S,e,"f")}get feedbackDisabled(){return i(this,D,"f")}set feedbackDisabled(e){a(this,D,e,"f")}get revealAllSources(){return i(this,$,"f")}set revealAllSources(e){a(this,$,e,"f")}get textStrings(){return i(this,O,"f")}set textStrings(e){a(this,O,e,"f")}get closeText(){return i(this,T,"f")}set closeText(e){a(this,T,e,"f")}get _limitCount(){return i(this,F,"f")}set _limitCount(e){a(this,F,e,"f")}get limitRevealed(){return i(this,j,"f")}set limitRevealed(e){a(this,j,e,"f")}get _textStrings(){return i(this,E,"f")}set _textStrings(e){a(this,E,e,"f")}get _selectedFeedbackType(){return i(this,M,"f")}set _selectedFeedbackType(e){a(this,M,e,"f")}get _sourceEls(){return i(this,R,"f")}set _sourceEls(e){a(this,R,e,"f")}get thumbsUpClickCount(){return i(this,U,"f")}set thumbsUpClickCount(e){a(this,U,e,"f")}get thumbsDownClickCount(){return i(this,W,"f")}set thumbsDownClickCount(e){a(this,W,e,"f")}render(){const e=k({"kyn-sources":!0,opened:this.sourcesOpened,disabled:this.sourcesDisabled}),t=k({"kyn-pos-feedback":!0,disabled:this.feedbackDisabled&&"positive"===this._selectedFeedbackType}),s=k({"kyn-neg-feedback":!0,disabled:this.feedbackDisabled&&"positive"===this._selectedFeedbackType});return c`
|
|
105
111
|
<div class="action-bar">
|
|
106
112
|
<div class="left-div">
|
|
107
113
|
<slot name="copy"></slot>
|
|
108
114
|
|
|
115
|
+
<div class="thumb-feedback-div">
|
|
116
|
+
<div class="${t}">
|
|
117
|
+
<kyn-button
|
|
118
|
+
kind="tertiary"
|
|
119
|
+
size="small"
|
|
120
|
+
id="kyn-feedback-title-positive"
|
|
121
|
+
class="kyn-feedback-title"
|
|
122
|
+
?disabled=${this.feedbackDisabled}
|
|
123
|
+
description=${this._textStrings.positiveFeedback}
|
|
124
|
+
@on-click=${e=>this._handleClick(e,"feedback","positive")}
|
|
125
|
+
>
|
|
126
|
+
<span slot="icon">
|
|
127
|
+
${b(this.thumbsUpClickCount%2==0?m:f)}
|
|
128
|
+
</span>
|
|
129
|
+
</kyn-button>
|
|
130
|
+
</div>
|
|
131
|
+
|
|
132
|
+
<div class="${s}">
|
|
133
|
+
<kyn-button
|
|
134
|
+
kind="tertiary"
|
|
135
|
+
size="small"
|
|
136
|
+
id="kyn-feedback-title-negative"
|
|
137
|
+
class="kyn-feedback-title"
|
|
138
|
+
?disabled=${this.feedbackDisabled}
|
|
139
|
+
description=${this._textStrings.negativeFeedback}
|
|
140
|
+
@on-click="${e=>this._handleClick(e,"feedback","negative")}"
|
|
141
|
+
>
|
|
142
|
+
<span slot="icon"
|
|
143
|
+
>${b(this.thumbsDownClickCount%2==0?v:g)}
|
|
144
|
+
</span>
|
|
145
|
+
</kyn-button>
|
|
146
|
+
</div>
|
|
147
|
+
</div>
|
|
148
|
+
|
|
109
149
|
<div class="${e}">
|
|
110
150
|
<kyn-button
|
|
111
151
|
kind="tertiary"
|
|
@@ -118,49 +158,15 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
|
|
|
118
158
|
>
|
|
119
159
|
<span>${this._textStrings.sourcesText}</span>
|
|
120
160
|
<span class="expand-icon" slot="icon"
|
|
121
|
-
>${b(
|
|
161
|
+
>${b(y)}</span
|
|
122
162
|
>
|
|
123
163
|
</kyn-button>
|
|
124
164
|
</div>
|
|
125
165
|
</div>
|
|
126
|
-
|
|
127
|
-
<div class="right-div">
|
|
128
|
-
<div class="${t}">
|
|
129
|
-
<kyn-button
|
|
130
|
-
kind="tertiary"
|
|
131
|
-
size="small"
|
|
132
|
-
id="kyn-feedback-title-positive"
|
|
133
|
-
class="kyn-feedback-title"
|
|
134
|
-
?disabled=${this.feedbackDisabled}
|
|
135
|
-
description=${this._textStrings.positiveFeedback}
|
|
136
|
-
@on-click=${e=>this._handleClick(e,"feedback","positive")}
|
|
137
|
-
>
|
|
138
|
-
<span slot="icon">
|
|
139
|
-
${b(this.thumbsUpClickCount%2==0?f:v)}
|
|
140
|
-
</span>
|
|
141
|
-
</kyn-button>
|
|
142
|
-
</div>
|
|
143
|
-
|
|
144
|
-
<div class="${s}">
|
|
145
|
-
<kyn-button
|
|
146
|
-
kind="tertiary"
|
|
147
|
-
size="small"
|
|
148
|
-
id="kyn-feedback-title-negative"
|
|
149
|
-
class="kyn-feedback-title"
|
|
150
|
-
?disabled=${this.feedbackDisabled}
|
|
151
|
-
description=${this._textStrings.negativeFeedback}
|
|
152
|
-
@on-click="${e=>this._handleClick(e,"feedback","negative")}"
|
|
153
|
-
>
|
|
154
|
-
<span slot="icon"
|
|
155
|
-
>${b(this.thumbsDownClickCount%2==0?g:y)}
|
|
156
|
-
</span>
|
|
157
|
-
</kyn-button>
|
|
158
|
-
</div>
|
|
159
|
-
</div>
|
|
160
166
|
</div>
|
|
161
167
|
|
|
162
168
|
<div
|
|
163
|
-
class="${
|
|
169
|
+
class="${k({opened:this.sourcesOpened,"kyn-sources-body":!0})}"
|
|
164
170
|
id="kyn-sources-body"
|
|
165
171
|
role="region"
|
|
166
172
|
aria-labelledby="kyn-sources-title"
|
|
@@ -196,7 +202,7 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
|
|
|
196
202
|
</div>
|
|
197
203
|
|
|
198
204
|
<div
|
|
199
|
-
class="${
|
|
205
|
+
class="${k({opened:this.feedbackOpened,"kyn-feedback-body":!0})}"
|
|
200
206
|
id="kyn-feedback-body"
|
|
201
207
|
role="region"
|
|
202
208
|
aria-labelledby="kyn-feedback-title-${this._selectedFeedbackType?"positive":"negative"}"
|
|
@@ -215,5 +221,5 @@ import{__setFunctionName as e,__esDecorate as t,__runInitializers as s,__classPr
|
|
|
215
221
|
|
|
216
222
|
<slot name="feedback-form"></slot>
|
|
217
223
|
</div>
|
|
218
|
-
`}_handleClick(e,t,s){var i;if(e.preventDefault(),"sources"===t&&this.sourcesDisabled||"feedback"===t&&this.feedbackDisabled)return;(null===(i=e.target.id)||void 0===i?void 0:i.includes("kyn-feedback-title"))&&s&&this._updateFeedbackCounts(s),("sources"===t||this._shouldEmitFeedbackEvent(s))&&this._emitToggleEvent(t,s)}_updateFeedbackCounts(e){const t="positive"===e&&this.thumbsUpClickCount%2!=0||"negative"===e&&this.thumbsDownClickCount%2!=0;"positive"===e?(this.thumbsUpClickCount++,this.thumbsDownClickCount-=this.thumbsDownClickCount%2):(this.thumbsDownClickCount++,this.thumbsUpClickCount-=this.thumbsUpClickCount%2),t&&this.dispatchEvent(new CustomEvent("on-feedback-deselected",{detail:{feedbackType:e},bubbles:!0,composed:!0}))}_shouldEmitFeedbackEvent(e){if(!e)return!1;const t=e=>e%2!=0;return"positive"===e&&(t(this.thumbsUpClickCount)||this.feedbackOpened&&!t(this.thumbsUpClickCount))||"negative"===e&&(t(this.thumbsDownClickCount)||this.feedbackOpened&&!t(this.thumbsDownClickCount))}_emitToggleEvent(e,t){"sources"===e?(this.sourcesOpened=!this.sourcesOpened,this.feedbackOpened=!1):"feedback"===e&&(this.sourcesOpened=!1,this._toggleFeedbackPanel(t)),this.dispatchEvent(new CustomEvent("on-toggle",{detail:{sourcesOpened:this.sourcesOpened,feedbackOpened:this.feedbackOpened,selectedFeedbackType:this._selectedFeedbackType},bubbles:!0,composed:!0}))}_toggleFeedbackPanel(e){e&&(this._selectedFeedbackType===e&&this.feedbackOpened?(this.feedbackOpened=!1,this._selectedFeedbackType=null):(this.feedbackOpened=!0,this._selectedFeedbackType=e))}_handleSlotChange(){this._toggleLimitRevealed(this.limitRevealed)}_toggleLimitRevealed(e){this.limitRevealed=e,this._sourceEls.forEach(((e,t)=>{this.revealAllSources||this.limitRevealed||t<this._limitCount?e.style.display="block":e.style.display="none"}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=
|
|
224
|
+
`}_handleClick(e,t,s){var i;if(e.preventDefault(),"sources"===t&&this.sourcesDisabled||"feedback"===t&&this.feedbackDisabled)return;(null===(i=e.target.id)||void 0===i?void 0:i.includes("kyn-feedback-title"))&&s&&this._updateFeedbackCounts(s),("sources"===t||this._shouldEmitFeedbackEvent(s))&&this._emitToggleEvent(t,s)}_updateFeedbackCounts(e){const t="positive"===e&&this.thumbsUpClickCount%2!=0||"negative"===e&&this.thumbsDownClickCount%2!=0;"positive"===e?(this.thumbsUpClickCount++,this.thumbsDownClickCount-=this.thumbsDownClickCount%2):(this.thumbsDownClickCount++,this.thumbsUpClickCount-=this.thumbsUpClickCount%2),t&&this.dispatchEvent(new CustomEvent("on-feedback-deselected",{detail:{feedbackType:e},bubbles:!0,composed:!0}))}_shouldEmitFeedbackEvent(e){if(!e)return!1;const t=e=>e%2!=0;return"positive"===e&&(t(this.thumbsUpClickCount)||this.feedbackOpened&&!t(this.thumbsUpClickCount))||"negative"===e&&(t(this.thumbsDownClickCount)||this.feedbackOpened&&!t(this.thumbsDownClickCount))}_emitToggleEvent(e,t){"sources"===e?(this.sourcesOpened=!this.sourcesOpened,this.feedbackOpened=!1):"feedback"===e&&(this.sourcesOpened=!1,this._toggleFeedbackPanel(t)),this.dispatchEvent(new CustomEvent("on-toggle",{detail:{sourcesOpened:this.sourcesOpened,feedbackOpened:this.feedbackOpened,selectedFeedbackType:this._selectedFeedbackType},bubbles:!0,composed:!0}))}_toggleFeedbackPanel(e){e&&(this._selectedFeedbackType===e&&this.feedbackOpened?(this.feedbackOpened=!1,this._selectedFeedbackType=null):(this.feedbackOpened=!0,this._selectedFeedbackType=e))}_handleSlotChange(){this._toggleLimitRevealed(this.limitRevealed)}_toggleLimitRevealed(e){this.limitRevealed=e,this._sourceEls.forEach(((e,t)=>{this.revealAllSources||this.limitRevealed||t<this._limitCount?e.style.display="block":e.style.display="none"}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=p(x,this.textStrings))}updated(e){e.has("revealAllSources")&&void 0!==e.get("revealAllSources")&&this._toggleLimitRevealed(!1)}constructor(){super(...arguments),n.set(this,s(this,se,!1)),w.set(this,(s(this,ie),s(this,ae,!1))),S.set(this,(s(this,ne),s(this,le,!1))),D.set(this,(s(this,oe),s(this,ce,!1))),$.set(this,(s(this,de),s(this,re,!1))),O.set(this,(s(this,he),s(this,ue,x))),T.set(this,(s(this,pe),s(this,ke,"Close"))),F.set(this,(s(this,be),s(this,me,4))),j.set(this,(s(this,fe),s(this,ve,!1))),E.set(this,(s(this,ge),s(this,ye,x))),M.set(this,(s(this,Ce),s(this,_e,null))),R.set(this,(s(this,xe),s(this,we,void 0))),U.set(this,(s(this,Se),s(this,De,0))),W.set(this,(s(this,$e),s(this,Oe,0))),s(this,Te)}},n=new WeakMap,w=new WeakMap,S=new WeakMap,D=new WeakMap,$=new WeakMap,O=new WeakMap,T=new WeakMap,F=new WeakMap,j=new WeakMap,E=new WeakMap,M=new WeakMap,R=new WeakMap,U=new WeakMap,W=new WeakMap,e(z,"AISourcesFeedback"),(()=>{var e;const s="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=te[Symbol.metadata])&&void 0!==e?e:null):void 0;L=[r({type:Boolean})],B=[r({type:Boolean})],P=[r({type:Boolean})],H=[r({type:Boolean})],I=[r({type:Boolean})],q=[r({type:Object})],G=[r({type:String})],J=[h()],K=[h()],N=[h()],Q=[h()],V=[u({slot:"sources"})],X=[h()],Y=[h()],t(z,null,L,{kind:"accessor",name:"sourcesOpened",static:!1,private:!1,access:{has:e=>"sourcesOpened"in e,get:e=>e.sourcesOpened,set:(e,t)=>{e.sourcesOpened=t}},metadata:s},se,ie),t(z,null,B,{kind:"accessor",name:"feedbackOpened",static:!1,private:!1,access:{has:e=>"feedbackOpened"in e,get:e=>e.feedbackOpened,set:(e,t)=>{e.feedbackOpened=t}},metadata:s},ae,ne),t(z,null,P,{kind:"accessor",name:"sourcesDisabled",static:!1,private:!1,access:{has:e=>"sourcesDisabled"in e,get:e=>e.sourcesDisabled,set:(e,t)=>{e.sourcesDisabled=t}},metadata:s},le,oe),t(z,null,H,{kind:"accessor",name:"feedbackDisabled",static:!1,private:!1,access:{has:e=>"feedbackDisabled"in e,get:e=>e.feedbackDisabled,set:(e,t)=>{e.feedbackDisabled=t}},metadata:s},ce,de),t(z,null,I,{kind:"accessor",name:"revealAllSources",static:!1,private:!1,access:{has:e=>"revealAllSources"in e,get:e=>e.revealAllSources,set:(e,t)=>{e.revealAllSources=t}},metadata:s},re,he),t(z,null,q,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:e=>"textStrings"in e,get:e=>e.textStrings,set:(e,t)=>{e.textStrings=t}},metadata:s},ue,pe),t(z,null,G,{kind:"accessor",name:"closeText",static:!1,private:!1,access:{has:e=>"closeText"in e,get:e=>e.closeText,set:(e,t)=>{e.closeText=t}},metadata:s},ke,be),t(z,null,J,{kind:"accessor",name:"_limitCount",static:!1,private:!1,access:{has:e=>"_limitCount"in e,get:e=>e._limitCount,set:(e,t)=>{e._limitCount=t}},metadata:s},me,fe),t(z,null,K,{kind:"accessor",name:"limitRevealed",static:!1,private:!1,access:{has:e=>"limitRevealed"in e,get:e=>e.limitRevealed,set:(e,t)=>{e.limitRevealed=t}},metadata:s},ve,ge),t(z,null,N,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:e=>"_textStrings"in e,get:e=>e._textStrings,set:(e,t)=>{e._textStrings=t}},metadata:s},ye,Ce),t(z,null,Q,{kind:"accessor",name:"_selectedFeedbackType",static:!1,private:!1,access:{has:e=>"_selectedFeedbackType"in e,get:e=>e._selectedFeedbackType,set:(e,t)=>{e._selectedFeedbackType=t}},metadata:s},_e,xe),t(z,null,V,{kind:"accessor",name:"_sourceEls",static:!1,private:!1,access:{has:e=>"_sourceEls"in e,get:e=>e._sourceEls,set:(e,t)=>{e._sourceEls=t}},metadata:s},we,Se),t(z,null,X,{kind:"accessor",name:"thumbsUpClickCount",static:!1,private:!1,access:{has:e=>"thumbsUpClickCount"in e,get:e=>e.thumbsUpClickCount,set:(e,t)=>{e.thumbsUpClickCount=t}},metadata:s},De,$e),t(z,null,Y,{kind:"accessor",name:"thumbsDownClickCount",static:!1,private:!1,access:{has:e=>"thumbsDownClickCount"in e,get:e=>e.thumbsDownClickCount,set:(e,t)=>{e.thumbsDownClickCount=t}},metadata:s},Oe,Te),t(null,A={value:z},Z,{kind:"class",name:z.name,metadata:s},null,ee),z=A.value,s&&Object.defineProperty(z,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s})})(),z.styles=o(_),s(z,ee),z})();export{w as AISourcesFeedback};
|
|
219
225
|
//# sourceMappingURL=aiSourcesFeedback.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aiSourcesFeedback.js","sources":["../../../../src/components/ai/sourcesFeedback/aiSourcesFeedback.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit';\nimport {\n customElement,\n property,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { deepmerge } from 'deepmerge-ts';\nimport { classMap } from 'lit-html/directives/class-map.js';\n\nimport stylesheet from './aiSourcesFeedback.scss?inline';\n\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport chevronIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\nimport thumbsUpIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-up.svg';\nimport thumbsDownIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-down.svg';\nimport thumbsUpFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-up-filled.svg';\nimport thumbsDownFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-down-filled.svg';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport '../../reusable/link';\nimport '../../reusable/card';\nimport '../../reusable/button';\n\nconst _defaultTextStrings = {\n sourcesText: 'Sources',\n foundSources: 'Found sources',\n showMore: 'Show more',\n showLess: 'Show less',\n positiveFeedback: 'Share what you liked',\n negativeFeedback: 'Help us improve',\n};\n\n/**\n * AISourcesFeedback Component.\n *\n * @slot copy - copy button\n * @slot sources - source cards in source panel.\n * @slot feedback-form - Positive feedback form.\n * @fires on-toggle - Emits the `opened` state when the panel item opens/closes. `detail:{ sourcesOpened: boolean, feedbackOpened: boolean, selectedFeedbackType: string }`\n * @fires on-feedback-deselected - Emits when thumbs-up or thumbs-down button is deselected. `detail:{ feedbackType: string }`\n */\n\n@customElement('kyn-ai-sources-feedback')\nexport class AISourcesFeedback extends LitElement {\n static override styles = unsafeCSS(stylesheet);\n\n /** expandable anchor opened state for Sources used. */\n @property({ type: Boolean })\n accessor sourcesOpened = false;\n\n /** expandable anchor opened state for Feedback buttons. */\n @property({ type: Boolean })\n accessor feedbackOpened = false;\n\n /** expandable anchor disabled state for Sources used.. */\n @property({ type: Boolean })\n accessor sourcesDisabled = false;\n\n /** expandable anchor disabled state for Feedback buttons. */\n @property({ type: Boolean })\n accessor feedbackDisabled = false;\n\n /** Limits visible sources behind a \"Show more\" button. */\n @property({ type: Boolean })\n accessor revealAllSources = false;\n\n /** Text string customization. */\n @property({ type: Object })\n accessor textStrings = _defaultTextStrings;\n\n /** Close button text. */\n @property({ type: String })\n accessor closeText = 'Close';\n\n /** Number of sources visible when limited.\n * @internal\n */\n @state()\n accessor _limitCount = 4;\n\n /** Sources limit visibility.\n * @internal\n */\n @state()\n accessor limitRevealed = false;\n\n /** Internal text strings.\n * @internal\n */\n @state()\n accessor _textStrings = _defaultTextStrings;\n\n /** Selecting Positive or Negative Feedback\n * @internal\n */\n @state()\n accessor _selectedFeedbackType: any = null;\n\n /**\n * Queries slotted sources.\n * @ignore\n */\n @queryAssignedElements({ slot: 'sources' })\n accessor _sourceEls!: any;\n\n /** Tracks the number of clicks on thumbs up icon\n * @internal\n */\n @state() accessor thumbsUpClickCount = 0;\n\n /** Tracks the number of clicks on thumbs down icon\n * @internal\n */\n @state() accessor thumbsDownClickCount = 0;\n\n override render() {\n const classesSources: any = classMap({\n 'kyn-sources': true,\n opened: this.sourcesOpened,\n disabled: this.sourcesDisabled,\n });\n const classesFeedback1: any = classMap({\n 'kyn-pos-feedback': true,\n disabled:\n this.feedbackDisabled && this._selectedFeedbackType === 'positive',\n });\n const classesFeedback2: any = classMap({\n 'kyn-neg-feedback': true,\n disabled:\n this.feedbackDisabled && this._selectedFeedbackType === 'positive',\n });\n return html`\n <div class=\"action-bar\">\n <div class=\"left-div\">\n <slot name=\"copy\"></slot>\n\n <div class=\"${classesSources}\">\n <kyn-button\n kind=\"tertiary\"\n size=\"small\"\n class=\"kyn-sources-title\"\n iconPosition=\"right\"\n ?disabled=${this.sourcesDisabled}\n @on-click=\"${(e: Event) => this._handleClick(e, 'sources')}\"\n id=\"kyn-sources-title\"\n >\n <span>${this._textStrings.sourcesText}</span>\n <span class=\"expand-icon\" slot=\"icon\"\n >${unsafeSVG(chevronIcon)}</span\n >\n </kyn-button>\n </div>\n </div>\n\n <div class=\"right-div\">\n <div class=\"${classesFeedback1}\">\n <kyn-button\n kind=\"tertiary\"\n size=\"small\"\n id=\"kyn-feedback-title-positive\"\n class=\"kyn-feedback-title\"\n ?disabled=${this.feedbackDisabled}\n description=${this._textStrings.positiveFeedback}\n @on-click=${(e: Event) =>\n this._handleClick(e, 'feedback', 'positive')}\n >\n <span slot=\"icon\">\n ${unsafeSVG(\n this.thumbsUpClickCount % 2 === 0\n ? thumbsUpIcon\n : thumbsUpFilledIcon\n )}\n </span>\n </kyn-button>\n </div>\n\n <div class=\"${classesFeedback2}\">\n <kyn-button\n kind=\"tertiary\"\n size=\"small\"\n id=\"kyn-feedback-title-negative\"\n class=\"kyn-feedback-title\"\n ?disabled=${this.feedbackDisabled}\n description=${this._textStrings.negativeFeedback}\n @on-click=\"${(e: Event) =>\n this._handleClick(e, 'feedback', 'negative')}\"\n >\n <span slot=\"icon\"\n >${unsafeSVG(\n this.thumbsDownClickCount % 2 === 0\n ? thumbsDownIcon\n : thumbsDownFilledIcon\n )}\n </span>\n </kyn-button>\n </div>\n </div>\n </div>\n\n <div\n class=\"${classMap({\n opened: this.sourcesOpened,\n 'kyn-sources-body': true,\n })}\"\n id=\"kyn-sources-body\"\n role=\"region\"\n aria-labelledby=\"kyn-sources-title\"\n >\n <div class=\"close-container\">\n <kyn-button\n class=\"close\"\n @on-click=${(e: Event) => this._handleClick(e, 'sources')}\n kind=\"ghost\"\n size=\"small\"\n description=${this.closeText}\n >\n <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n </kyn-button>\n </div>\n\n <div class=\"found-sources\">\n ${this._textStrings.foundSources} (${this._sourceEls.length}):\n </div>\n <div class=\"card-container\">\n <slot name=\"sources\" @slotchange=${this._handleSlotChange}></slot>\n ${!this.revealAllSources && this._sourceEls.length > this._limitCount\n ? html`\n <kyn-button\n class=\"reveal-toggle\"\n kind=\"ghost-ai\"\n size=\"small\"\n @on-click=${() =>\n this._toggleLimitRevealed(!this.limitRevealed)}\n >\n ${this.limitRevealed\n ? html`${this._textStrings.showLess}`\n : html` ${this._textStrings.showMore} `}\n </kyn-button>\n `\n : null}\n </div>\n </div>\n\n <div\n class=\"${classMap({\n opened: this.feedbackOpened,\n 'kyn-feedback-body': true,\n })}\"\n id=\"kyn-feedback-body\"\n role=\"region\"\n aria-labelledby=\"kyn-feedback-title-${this._selectedFeedbackType\n ? 'positive'\n : 'negative'}\"\n >\n <div class=\"close-container\">\n <kyn-button\n class=\"close\"\n description=${this.closeText}\n @on-click=${(e: Event) =>\n this._handleClick(e, 'feedback', this._selectedFeedbackType)}\n kind=\"ghost\"\n size=\"small\"\n >\n <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n </kyn-button>\n </div>\n\n <slot name=\"feedback-form\"></slot>\n </div>\n `;\n }\n private _handleClick(\n e: Event,\n panel: 'sources' | 'feedback',\n feedbackType?: 'positive' | 'negative'\n ) {\n e.preventDefault();\n\n if (\n (panel === 'sources' && this.sourcesDisabled) ||\n (panel === 'feedback' && this.feedbackDisabled)\n ) {\n return;\n }\n\n const target = e.target as HTMLElement;\n const isFeedbackButton = target.id?.includes('kyn-feedback-title');\n\n if (isFeedbackButton && feedbackType) {\n this._updateFeedbackCounts(feedbackType);\n }\n\n if (panel === 'sources' || this._shouldEmitFeedbackEvent(feedbackType)) {\n this._emitToggleEvent(panel, feedbackType);\n }\n }\n\n private _updateFeedbackCounts(feedbackType: 'positive' | 'negative') {\n // Checks if the feedbackType was already selected before updating the counts.\n const wasSelected =\n (feedbackType === 'positive' && this.thumbsUpClickCount % 2 !== 0) ||\n (feedbackType === 'negative' && this.thumbsDownClickCount % 2 !== 0);\n\n if (feedbackType === 'positive') {\n this.thumbsUpClickCount++;\n this.thumbsDownClickCount -= this.thumbsDownClickCount % 2;\n } else {\n this.thumbsDownClickCount++;\n this.thumbsUpClickCount -= this.thumbsUpClickCount % 2;\n }\n\n if (wasSelected) {\n this.dispatchEvent(\n new CustomEvent('on-feedback-deselected', {\n detail: { feedbackType },\n bubbles: true,\n composed: true,\n })\n );\n }\n }\n\n private _shouldEmitFeedbackEvent(\n feedbackType?: 'positive' | 'negative'\n ): boolean {\n if (!feedbackType) return false;\n const isOddClick = (count: number) => count % 2 !== 0;\n\n return (\n (feedbackType === 'positive' &&\n (isOddClick(this.thumbsUpClickCount) ||\n (this.feedbackOpened && !isOddClick(this.thumbsUpClickCount)))) ||\n (feedbackType === 'negative' &&\n (isOddClick(this.thumbsDownClickCount) ||\n (this.feedbackOpened && !isOddClick(this.thumbsDownClickCount))))\n );\n }\n\n private _emitToggleEvent(\n panel: 'sources' | 'feedback',\n feedbackType?: 'positive' | 'negative'\n ) {\n if (panel === 'sources') {\n this.sourcesOpened = !this.sourcesOpened;\n this.feedbackOpened = false;\n } else if (panel === 'feedback') {\n this.sourcesOpened = false;\n this._toggleFeedbackPanel(feedbackType);\n }\n\n this.dispatchEvent(\n new CustomEvent('on-toggle', {\n detail: {\n sourcesOpened: this.sourcesOpened,\n feedbackOpened: this.feedbackOpened,\n selectedFeedbackType: this._selectedFeedbackType,\n },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n private _toggleFeedbackPanel(feedbackType?: 'positive' | 'negative') {\n if (!feedbackType) return;\n\n if (this._selectedFeedbackType === feedbackType && this.feedbackOpened) {\n this.feedbackOpened = false;\n this._selectedFeedbackType = null;\n } else {\n this.feedbackOpened = true;\n this._selectedFeedbackType = feedbackType;\n }\n }\n\n protected _handleSlotChange() {\n this._toggleLimitRevealed(this.limitRevealed);\n }\n\n private _toggleLimitRevealed(revealed: boolean) {\n this.limitRevealed = revealed;\n\n this._sourceEls.forEach((sourceEl: any, index: any) => {\n if (this.revealAllSources || this.limitRevealed) {\n sourceEl.style.display = 'block';\n } else {\n if (index < this._limitCount) {\n sourceEl.style.display = 'block';\n } else {\n sourceEl.style.display = 'none';\n }\n }\n });\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n\n protected override updated(changedProps: any): void {\n if (\n changedProps.has('revealAllSources') &&\n changedProps.get('revealAllSources') !== undefined\n ) {\n this._toggleLimitRevealed(false);\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-ai-sources-feedback': AISourcesFeedback;\n }\n}\n"],"names":["_defaultTextStrings","sourcesText","foundSources","showMore","showLess","positiveFeedback","negativeFeedback","AISourcesFeedback","customElement","LitElement","_classThis","_classSuper","sourcesOpened","__classPrivateFieldGet","this","_AISourcesFeedback_sourcesOpened_accessor_storage","value","__classPrivateFieldSet","feedbackOpened","_AISourcesFeedback_feedbackOpened_accessor_storage","sourcesDisabled","_AISourcesFeedback_sourcesDisabled_accessor_storage","feedbackDisabled","_AISourcesFeedback_feedbackDisabled_accessor_storage","revealAllSources","_AISourcesFeedback_revealAllSources_accessor_storage","textStrings","_AISourcesFeedback_textStrings_accessor_storage","closeText","_AISourcesFeedback_closeText_accessor_storage","_limitCount","_AISourcesFeedback__limitCount_accessor_storage","limitRevealed","_AISourcesFeedback_limitRevealed_accessor_storage","_textStrings","_AISourcesFeedback__textStrings_accessor_storage","_selectedFeedbackType","_AISourcesFeedback__selectedFeedbackType_accessor_storage","_sourceEls","_AISourcesFeedback__sourceEls_accessor_storage","thumbsUpClickCount","_AISourcesFeedback_thumbsUpClickCount_accessor_storage","thumbsDownClickCount","_AISourcesFeedback_thumbsDownClickCount_accessor_storage","render","classesSources","classMap","opened","disabled","classesFeedback1","classesFeedback2","html","e","_handleClick","unsafeSVG","chevronIcon","thumbsUpIcon","thumbsUpFilledIcon","thumbsDownIcon","thumbsDownFilledIcon","closeIcon","length","_handleSlotChange","_toggleLimitRevealed","panel","feedbackType","preventDefault","_a","target","id","includes","_updateFeedbackCounts","_shouldEmitFeedbackEvent","_emitToggleEvent","wasSelected","dispatchEvent","CustomEvent","detail","bubbles","composed","isOddClick","count","_toggleFeedbackPanel","selectedFeedbackType","revealed","forEach","sourceEl","index","style","display","willUpdate","changedProps","has","deepmerge","updated","undefined","get","set","__runInitializers","_sourcesOpened_initializers","_sourcesOpened_extraInitializers","_feedbackOpened_initializers","_feedbackOpened_extraInitializers","_sourcesDisabled_initializers","_sourcesDisabled_extraInitializers","_feedbackDisabled_initializers","_feedbackDisabled_extraInitializers","_revealAllSources_initializers","_revealAllSources_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_closeText_initializers","_closeText_extraInitializers","__limitCount_initializers","__limitCount_extraInitializers","_limitRevealed_initializers","_limitRevealed_extraInitializers","__textStrings_initializers","__textStrings_extraInitializers","__selectedFeedbackType_initializers","__selectedFeedbackType_extraInitializers","__sourceEls_initializers","__sourceEls_extraInitializers","_thumbsUpClickCount_initializers","_thumbsUpClickCount_extraInitializers","_thumbsDownClickCount_initializers","_sourcesOpened_decorators","property","type","Boolean","_feedbackOpened_decorators","_sourcesDisabled_decorators","_feedbackDisabled_decorators","_revealAllSources_decorators","_textStrings_decorators","Object","_closeText_decorators","String","__limitCount_decorators","state","_limitRevealed_decorators","__textStrings_decorators","__selectedFeedbackType_decorators","__sourceEls_decorators","queryAssignedElements","slot","_thumbsUpClickCount_decorators","_thumbsDownClickCount_decorators","__esDecorate","kind","name","static","private","access","obj","metadata","_metadata","_thumbsDownClickCount_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","stylesheet"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"aiSourcesFeedback.js","sources":["../../../../src/components/ai/sourcesFeedback/aiSourcesFeedback.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit';\nimport {\n customElement,\n property,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { deepmerge } from 'deepmerge-ts';\nimport { classMap } from 'lit-html/directives/class-map.js';\n\nimport stylesheet from './aiSourcesFeedback.scss?inline';\n\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport chevronIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\nimport thumbsUpIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-up.svg';\nimport thumbsDownIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-down.svg';\nimport thumbsUpFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-up-filled.svg';\nimport thumbsDownFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/thumbs-down-filled.svg';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport '../../reusable/link';\nimport '../../reusable/card';\nimport '../../reusable/button';\n\nconst _defaultTextStrings = {\n sourcesText: 'Sources',\n foundSources: 'Found sources',\n showMore: 'Show more',\n showLess: 'Show less',\n positiveFeedback: 'Share what you liked',\n negativeFeedback: 'Help us improve',\n};\n\n/**\n * AISourcesFeedback Component.\n *\n * @slot copy - copy button\n * @slot sources - source cards in source panel.\n * @slot feedback-form - Positive feedback form.\n * @fires on-toggle - Emits the `opened` state when the panel item opens/closes.\n * <pre><code>\n * detail: {\n * sourcesOpened: boolean,\n * feedbackOpened: boolean,\n * selectedFeedbackType: string\n * }\n * </code></pre>\n * @fires on-feedback-deselected - Emits when thumbs-up or thumbs-down button is deselected. `detail:{ feedbackType: string }`\n */\n\n@customElement('kyn-ai-sources-feedback')\nexport class AISourcesFeedback extends LitElement {\n static override styles = unsafeCSS(stylesheet);\n\n /** expandable anchor opened state for Sources used. */\n @property({ type: Boolean })\n accessor sourcesOpened = false;\n\n /** expandable anchor opened state for Feedback buttons. */\n @property({ type: Boolean })\n accessor feedbackOpened = false;\n\n /** expandable anchor disabled state for Sources used.. */\n @property({ type: Boolean })\n accessor sourcesDisabled = false;\n\n /** expandable anchor disabled state for Feedback buttons. */\n @property({ type: Boolean })\n accessor feedbackDisabled = false;\n\n /** Limits visible sources behind a \"Show more\" button. */\n @property({ type: Boolean })\n accessor revealAllSources = false;\n\n /** Text string customization. */\n @property({ type: Object })\n accessor textStrings = _defaultTextStrings;\n\n /** Close button text. */\n @property({ type: String })\n accessor closeText = 'Close';\n\n /** Number of sources visible when limited.\n * @internal\n */\n @state()\n accessor _limitCount = 4;\n\n /** Sources limit visibility.\n * @internal\n */\n @state()\n accessor limitRevealed = false;\n\n /** Internal text strings.\n * @internal\n */\n @state()\n accessor _textStrings = _defaultTextStrings;\n\n /** Selecting Positive or Negative Feedback\n * @internal\n */\n @state()\n accessor _selectedFeedbackType: any = null;\n\n /**\n * Queries slotted sources.\n * @ignore\n */\n @queryAssignedElements({ slot: 'sources' })\n accessor _sourceEls!: any;\n\n /** Tracks the number of clicks on thumbs up icon\n * @internal\n */\n @state() accessor thumbsUpClickCount = 0;\n\n /** Tracks the number of clicks on thumbs down icon\n * @internal\n */\n @state() accessor thumbsDownClickCount = 0;\n\n override render() {\n const classesSources: any = classMap({\n 'kyn-sources': true,\n opened: this.sourcesOpened,\n disabled: this.sourcesDisabled,\n });\n const classesFeedback1: any = classMap({\n 'kyn-pos-feedback': true,\n disabled:\n this.feedbackDisabled && this._selectedFeedbackType === 'positive',\n });\n const classesFeedback2: any = classMap({\n 'kyn-neg-feedback': true,\n disabled:\n this.feedbackDisabled && this._selectedFeedbackType === 'positive',\n });\n return html`\n <div class=\"action-bar\">\n <div class=\"left-div\">\n <slot name=\"copy\"></slot>\n\n <div class=\"thumb-feedback-div\">\n <div class=\"${classesFeedback1}\">\n <kyn-button\n kind=\"tertiary\"\n size=\"small\"\n id=\"kyn-feedback-title-positive\"\n class=\"kyn-feedback-title\"\n ?disabled=${this.feedbackDisabled}\n description=${this._textStrings.positiveFeedback}\n @on-click=${(e: Event) =>\n this._handleClick(e, 'feedback', 'positive')}\n >\n <span slot=\"icon\">\n ${unsafeSVG(\n this.thumbsUpClickCount % 2 === 0\n ? thumbsUpIcon\n : thumbsUpFilledIcon\n )}\n </span>\n </kyn-button>\n </div>\n\n <div class=\"${classesFeedback2}\">\n <kyn-button\n kind=\"tertiary\"\n size=\"small\"\n id=\"kyn-feedback-title-negative\"\n class=\"kyn-feedback-title\"\n ?disabled=${this.feedbackDisabled}\n description=${this._textStrings.negativeFeedback}\n @on-click=\"${(e: Event) =>\n this._handleClick(e, 'feedback', 'negative')}\"\n >\n <span slot=\"icon\"\n >${unsafeSVG(\n this.thumbsDownClickCount % 2 === 0\n ? thumbsDownIcon\n : thumbsDownFilledIcon\n )}\n </span>\n </kyn-button>\n </div>\n </div>\n\n <div class=\"${classesSources}\">\n <kyn-button\n kind=\"tertiary\"\n size=\"small\"\n class=\"kyn-sources-title\"\n iconPosition=\"right\"\n ?disabled=${this.sourcesDisabled}\n @on-click=\"${(e: Event) => this._handleClick(e, 'sources')}\"\n id=\"kyn-sources-title\"\n >\n <span>${this._textStrings.sourcesText}</span>\n <span class=\"expand-icon\" slot=\"icon\"\n >${unsafeSVG(chevronIcon)}</span\n >\n </kyn-button>\n </div>\n </div>\n </div>\n\n <div\n class=\"${classMap({\n opened: this.sourcesOpened,\n 'kyn-sources-body': true,\n })}\"\n id=\"kyn-sources-body\"\n role=\"region\"\n aria-labelledby=\"kyn-sources-title\"\n >\n <div class=\"close-container\">\n <kyn-button\n class=\"close\"\n @on-click=${(e: Event) => this._handleClick(e, 'sources')}\n kind=\"ghost\"\n size=\"small\"\n description=${this.closeText}\n >\n <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n </kyn-button>\n </div>\n\n <div class=\"found-sources\">\n ${this._textStrings.foundSources} (${this._sourceEls.length}):\n </div>\n <div class=\"card-container\">\n <slot name=\"sources\" @slotchange=${this._handleSlotChange}></slot>\n ${!this.revealAllSources && this._sourceEls.length > this._limitCount\n ? html`\n <kyn-button\n class=\"reveal-toggle\"\n kind=\"ghost-ai\"\n size=\"small\"\n @on-click=${() =>\n this._toggleLimitRevealed(!this.limitRevealed)}\n >\n ${this.limitRevealed\n ? html`${this._textStrings.showLess}`\n : html` ${this._textStrings.showMore} `}\n </kyn-button>\n `\n : null}\n </div>\n </div>\n\n <div\n class=\"${classMap({\n opened: this.feedbackOpened,\n 'kyn-feedback-body': true,\n })}\"\n id=\"kyn-feedback-body\"\n role=\"region\"\n aria-labelledby=\"kyn-feedback-title-${this._selectedFeedbackType\n ? 'positive'\n : 'negative'}\"\n >\n <div class=\"close-container\">\n <kyn-button\n class=\"close\"\n description=${this.closeText}\n @on-click=${(e: Event) =>\n this._handleClick(e, 'feedback', this._selectedFeedbackType)}\n kind=\"ghost\"\n size=\"small\"\n >\n <span slot=\"icon\">${unsafeSVG(closeIcon)}</span>\n </kyn-button>\n </div>\n\n <slot name=\"feedback-form\"></slot>\n </div>\n `;\n }\n private _handleClick(\n e: Event,\n panel: 'sources' | 'feedback',\n feedbackType?: 'positive' | 'negative'\n ) {\n e.preventDefault();\n\n if (\n (panel === 'sources' && this.sourcesDisabled) ||\n (panel === 'feedback' && this.feedbackDisabled)\n ) {\n return;\n }\n\n const target = e.target as HTMLElement;\n const isFeedbackButton = target.id?.includes('kyn-feedback-title');\n\n if (isFeedbackButton && feedbackType) {\n this._updateFeedbackCounts(feedbackType);\n }\n\n if (panel === 'sources' || this._shouldEmitFeedbackEvent(feedbackType)) {\n this._emitToggleEvent(panel, feedbackType);\n }\n }\n\n private _updateFeedbackCounts(feedbackType: 'positive' | 'negative') {\n // Checks if the feedbackType was already selected before updating the counts.\n const wasSelected =\n (feedbackType === 'positive' && this.thumbsUpClickCount % 2 !== 0) ||\n (feedbackType === 'negative' && this.thumbsDownClickCount % 2 !== 0);\n\n if (feedbackType === 'positive') {\n this.thumbsUpClickCount++;\n this.thumbsDownClickCount -= this.thumbsDownClickCount % 2;\n } else {\n this.thumbsDownClickCount++;\n this.thumbsUpClickCount -= this.thumbsUpClickCount % 2;\n }\n\n if (wasSelected) {\n this.dispatchEvent(\n new CustomEvent('on-feedback-deselected', {\n detail: { feedbackType },\n bubbles: true,\n composed: true,\n })\n );\n }\n }\n\n private _shouldEmitFeedbackEvent(\n feedbackType?: 'positive' | 'negative'\n ): boolean {\n if (!feedbackType) return false;\n const isOddClick = (count: number) => count % 2 !== 0;\n\n return (\n (feedbackType === 'positive' &&\n (isOddClick(this.thumbsUpClickCount) ||\n (this.feedbackOpened && !isOddClick(this.thumbsUpClickCount)))) ||\n (feedbackType === 'negative' &&\n (isOddClick(this.thumbsDownClickCount) ||\n (this.feedbackOpened && !isOddClick(this.thumbsDownClickCount))))\n );\n }\n\n private _emitToggleEvent(\n panel: 'sources' | 'feedback',\n feedbackType?: 'positive' | 'negative'\n ) {\n if (panel === 'sources') {\n this.sourcesOpened = !this.sourcesOpened;\n this.feedbackOpened = false;\n } else if (panel === 'feedback') {\n this.sourcesOpened = false;\n this._toggleFeedbackPanel(feedbackType);\n }\n\n this.dispatchEvent(\n new CustomEvent('on-toggle', {\n detail: {\n sourcesOpened: this.sourcesOpened,\n feedbackOpened: this.feedbackOpened,\n selectedFeedbackType: this._selectedFeedbackType,\n },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n private _toggleFeedbackPanel(feedbackType?: 'positive' | 'negative') {\n if (!feedbackType) return;\n\n if (this._selectedFeedbackType === feedbackType && this.feedbackOpened) {\n this.feedbackOpened = false;\n this._selectedFeedbackType = null;\n } else {\n this.feedbackOpened = true;\n this._selectedFeedbackType = feedbackType;\n }\n }\n\n protected _handleSlotChange() {\n this._toggleLimitRevealed(this.limitRevealed);\n }\n\n private _toggleLimitRevealed(revealed: boolean) {\n this.limitRevealed = revealed;\n\n this._sourceEls.forEach((sourceEl: any, index: any) => {\n if (this.revealAllSources || this.limitRevealed) {\n sourceEl.style.display = 'block';\n } else {\n if (index < this._limitCount) {\n sourceEl.style.display = 'block';\n } else {\n sourceEl.style.display = 'none';\n }\n }\n });\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n\n protected override updated(changedProps: any): void {\n if (\n changedProps.has('revealAllSources') &&\n changedProps.get('revealAllSources') !== undefined\n ) {\n this._toggleLimitRevealed(false);\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-ai-sources-feedback': AISourcesFeedback;\n }\n}\n"],"names":["_defaultTextStrings","sourcesText","foundSources","showMore","showLess","positiveFeedback","negativeFeedback","AISourcesFeedback","customElement","LitElement","_classThis","_classSuper","sourcesOpened","__classPrivateFieldGet","this","_AISourcesFeedback_sourcesOpened_accessor_storage","value","__classPrivateFieldSet","feedbackOpened","_AISourcesFeedback_feedbackOpened_accessor_storage","sourcesDisabled","_AISourcesFeedback_sourcesDisabled_accessor_storage","feedbackDisabled","_AISourcesFeedback_feedbackDisabled_accessor_storage","revealAllSources","_AISourcesFeedback_revealAllSources_accessor_storage","textStrings","_AISourcesFeedback_textStrings_accessor_storage","closeText","_AISourcesFeedback_closeText_accessor_storage","_limitCount","_AISourcesFeedback__limitCount_accessor_storage","limitRevealed","_AISourcesFeedback_limitRevealed_accessor_storage","_textStrings","_AISourcesFeedback__textStrings_accessor_storage","_selectedFeedbackType","_AISourcesFeedback__selectedFeedbackType_accessor_storage","_sourceEls","_AISourcesFeedback__sourceEls_accessor_storage","thumbsUpClickCount","_AISourcesFeedback_thumbsUpClickCount_accessor_storage","thumbsDownClickCount","_AISourcesFeedback_thumbsDownClickCount_accessor_storage","render","classesSources","classMap","opened","disabled","classesFeedback1","classesFeedback2","html","e","_handleClick","unsafeSVG","thumbsUpIcon","thumbsUpFilledIcon","thumbsDownIcon","thumbsDownFilledIcon","chevronIcon","closeIcon","length","_handleSlotChange","_toggleLimitRevealed","panel","feedbackType","preventDefault","_a","target","id","includes","_updateFeedbackCounts","_shouldEmitFeedbackEvent","_emitToggleEvent","wasSelected","dispatchEvent","CustomEvent","detail","bubbles","composed","isOddClick","count","_toggleFeedbackPanel","selectedFeedbackType","revealed","forEach","sourceEl","index","style","display","willUpdate","changedProps","has","deepmerge","updated","undefined","get","set","__runInitializers","_sourcesOpened_initializers","_sourcesOpened_extraInitializers","_feedbackOpened_initializers","_feedbackOpened_extraInitializers","_sourcesDisabled_initializers","_sourcesDisabled_extraInitializers","_feedbackDisabled_initializers","_feedbackDisabled_extraInitializers","_revealAllSources_initializers","_revealAllSources_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_closeText_initializers","_closeText_extraInitializers","__limitCount_initializers","__limitCount_extraInitializers","_limitRevealed_initializers","_limitRevealed_extraInitializers","__textStrings_initializers","__textStrings_extraInitializers","__selectedFeedbackType_initializers","__selectedFeedbackType_extraInitializers","__sourceEls_initializers","__sourceEls_extraInitializers","_thumbsUpClickCount_initializers","_thumbsUpClickCount_extraInitializers","_thumbsDownClickCount_initializers","_sourcesOpened_decorators","property","type","Boolean","_feedbackOpened_decorators","_sourcesDisabled_decorators","_feedbackDisabled_decorators","_revealAllSources_decorators","_textStrings_decorators","Object","_closeText_decorators","String","__limitCount_decorators","state","_limitRevealed_decorators","__textStrings_decorators","__selectedFeedbackType_decorators","__sourceEls_decorators","queryAssignedElements","slot","_thumbsUpClickCount_decorators","_thumbsDownClickCount_decorators","__esDecorate","kind","name","static","private","access","obj","metadata","_metadata","_thumbsDownClickCount_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","stylesheet"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{AISourcesFeedback}from"./aiSourcesFeedback.js";import"tslib";import"lit";import"lit/decorators.js";import"deepmerge-ts";import"lit-html/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{AISourcesFeedback}from"./aiSourcesFeedback.js";import"tslib";import"lit";import"lit/decorators.js";import"deepmerge-ts";import"lit-html/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";import"../../reusable/card/card.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"../../reusable/inlineConfirm/inlineConfirm.js";import"lit-html/directives/unsafe-svg.js";import"../../reusable/button/button.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-BCIwY1rJ.js";import"../../reusable/card/informationalCard.skeleton.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as o}from"lit-html/directives/unsafe-svg.js";import{css as r,LitElement as s,unsafeCSS as l,html as d}from"lit";import{customElement as c,property as h,queryAssignedElements as m}from"lit/decorators.js";import{classMap as u}from"lit/directives/class-map.js";import{h as p,i as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as o}from"lit-html/directives/unsafe-svg.js";import{css as r,LitElement as s,unsafeCSS as l,html as d}from"lit";import{customElement as c,property as h,queryAssignedElements as m}from"lit/decorators.js";import{classMap as u}from"lit/directives/class-map.js";import{h as p,i as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var v=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as o,__classPrivateFieldGet as i,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as a,LitElement as l,unsafeCSS as d,html as s}from"lit";import{customElement as c,property as u}from"lit/decorators.js";import{querySelectorAllDeep as m}from"query-selector-shadow-dom";import{o as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as o,__classPrivateFieldGet as i,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as a,LitElement as l,unsafeCSS as d,html as s}from"lit";import{customElement as c,property as u}from"lit/decorators.js";import{querySelectorAllDeep as m}from"query-selector-shadow-dom";import{o as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var g=a`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as s,unsafeCSS as l,html as d}from"lit";import{customElement as c,property as h,state as m,queryAssignedElements as u}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{debounce as p}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import{h as k,i as g,j as f}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as s,unsafeCSS as l,html as d}from"lit";import{customElement as c,property as h,state as m,queryAssignedElements as u}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{debounce as p}from"../../../common/helpers/helpers.js";import"../../reusable/textInput/textInput.js";import{h as k,i as g,j as f}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"deepmerge-ts";import"lit/directives/if-defined.js";import"../../reusable/button/button.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";var b=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as o,__classPrivateFieldGet as i,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as a,LitElement as l,unsafeCSS as s,html as d}from"lit";import{customElement as c,state as u,property as m}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import{k as v,m as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as o,__classPrivateFieldGet as i,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as a,LitElement as l,unsafeCSS as s,html as d}from"lit";import{customElement as c,state as u,property as m}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import{k as v,m as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var h=a`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Header}from"./header.js";export{HeaderNav}from"./headerNav.js";export{HeaderLink}from"./headerLink.js";export{HeaderCategory}from"./headerCategory.js";export{HeaderDivider}from"./headerDivider.js";export{HeaderFlyouts}from"./headerFlyouts.js";export{HeaderFlyout}from"./headerFlyout.js";export{HeaderUserProfile}from"./headerUserProfile.js";export{HeaderPanelLink}from"./headerPanelLink.js";export{HeaderNotificationPanel}from"./headerNotificationPanel.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"../../../common/helpers/helpers.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{Header}from"./header.js";export{HeaderNav}from"./headerNav.js";export{HeaderLink}from"./headerLink.js";export{HeaderCategory}from"./headerCategory.js";export{HeaderDivider}from"./headerDivider.js";export{HeaderFlyouts}from"./headerFlyouts.js";export{HeaderFlyout}from"./headerFlyout.js";export{HeaderUserProfile}from"./headerUserProfile.js";export{HeaderPanelLink}from"./headerPanelLink.js";export{HeaderNotificationPanel}from"./headerNotificationPanel.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"../../../common/helpers/helpers.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"../../reusable/textInput/textInput.js";import"deepmerge-ts";import"lit/directives/if-defined.js";import"../../reusable/button/button.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../common/mixins/form-input.js";import"query-selector-shadow-dom";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";export{LocalNavDivider}from"./localNavDivider.js";import"tslib";import"lit-html/directives/unsafe-svg.js";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"deepmerge-ts";import"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{LocalNav}from"./localNav.js";export{LocalNavLink}from"./localNavLink.js";export{LocalNavDivider}from"./localNavDivider.js";import"tslib";import"lit-html/directives/unsafe-svg.js";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"deepmerge-ts";import"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as n,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as s}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as d,unsafeCSS as l,html as r}from"lit";import{customElement as c,property as h,state as p,queryAssignedElements as m,query as v}from"lit/decorators.js";import{classMap as g}from"lit/directives/class-map.js";import{deepmerge as u}from"deepmerge-ts";import{debounce as k}from"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import{
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as n,__classPrivateFieldSet as a}from"tslib";import{unsafeSVG as s}from"lit-html/directives/unsafe-svg.js";import{css as o,LitElement as d,unsafeCSS as l,html as r}from"lit";import{customElement as c,property as h,state as p,queryAssignedElements as m,query as v}from"lit/decorators.js";import{classMap as g}from"lit/directives/class-map.js";import{deepmerge as u}from"deepmerge-ts";import{debounce as k}from"../../../common/helpers/helpers.js";import"../../reusable/button/button.js";import{g as x,p as b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"lit/directives/if-defined.js";import"lit-html/directives/class-map.js";import"../../reusable/button/defs.js";var _=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as s}from"lit-html/directives/unsafe-svg.js";import{css as d,LitElement as o,unsafeCSS as l,html as r}from"lit";import{customElement as c,property as h,state as p,queryAssignedElements as v}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import{
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as n}from"tslib";import{unsafeSVG as s}from"lit-html/directives/unsafe-svg.js";import{css as d,LitElement as o,unsafeCSS as l,html as r}from"lit";import{customElement as c,property as h,state as p,queryAssignedElements as v}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import{g as u,i as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var k=d`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -353,7 +353,7 @@ a:active {
|
|
|
353
353
|
}
|
|
354
354
|
.expand-icon svg {
|
|
355
355
|
display: block;
|
|
356
|
-
}`;let x=(()=>{var d,x,f,b,y,_,w,E,z,M,L,S,W;let C,T,$,j,P,B,q,U,N,O,D,R,X,A,F,G=[c("kyn-local-nav-link")],H=[],I=o,J=[],K=[],Q=[],V=[],Y=[],Z=[],ee=[],te=[],ie=[],ae=[],ne=[],se=[],de=[],oe=[],le=[],re=[],ce=[],he=[],pe=[],ve=[],me=[],ue=[],
|
|
356
|
+
}`;let x=(()=>{var d,x,f,b,y,_,w,E,z,M,L,S,W;let C,T,$,j,P,B,q,U,N,O,D,R,X,A,F,G=[c("kyn-local-nav-link")],H=[],I=o,J=[],K=[],Q=[],V=[],Y=[],Z=[],ee=[],te=[],ie=[],ae=[],ne=[],se=[],de=[],oe=[],le=[],re=[],ce=[],he=[],pe=[],ve=[],me=[],ue=[],ge=[],ke=[],xe=[],fe=[];return T=class extends I{get href(){return a(this,d,"f")}set href(e){n(this,d,e,"f")}get expanded(){return a(this,x,"f")}set expanded(e){n(this,x,e,"f")}get active(){return a(this,f,"f")}set active(e){n(this,f,e,"f")}get disabled(){return a(this,b,"f")}set disabled(e){n(this,b,e,"f")}get backText(){return a(this,y,"f")}set backText(e){n(this,y,e,"f")}get leftPadding(){return a(this,_,"f")}set leftPadding(e){n(this,_,e,"f")}get _level(){return a(this,w,"f")}set _level(e){n(this,w,e,"f")}get _navExpanded(){return a(this,E,"f")}set _navExpanded(e){n(this,E,e,"f")}get _navExpandedMobile(){return a(this,z,"f")}set _navExpandedMobile(e){n(this,z,e,"f")}get _text(){return a(this,M,"f")}set _text(e){n(this,M,e,"f")}get _navLinks(){return a(this,L,"f")}set _navLinks(e){n(this,L,e,"f")}get _dividers(){return a(this,S,"f")}set _dividers(e){n(this,S,e,"f")}get _icon(){return a(this,W,"f")}set _icon(e){n(this,W,e,"f")}render(){const e={link:!0,"top-level":1===this._level,"sub-level":this._level>1,"nav-expanded":this._navExpanded||this._navExpandedMobile,"link-expanded":this.expanded,"link-active":this.active,"link-disabled":this.disabled,"has-links":this._navLinks.length,"has-icon":this._icon.length,"left-padding":this.leftPadding&&this._level>1};return r`
|
|
357
357
|
<div class=${m(e)}>
|
|
358
358
|
<a href=${this.href} @click=${e=>this.handleClick(e)}>
|
|
359
359
|
${this._navLinks.length?r`
|
|
@@ -374,7 +374,7 @@ a:active {
|
|
|
374
374
|
<div class="sub-menu">
|
|
375
375
|
${this._navLinks.length?r`
|
|
376
376
|
<button class="go-back" @click=${()=>this._handleBack()}>
|
|
377
|
-
${s(
|
|
377
|
+
${s(g)} ${this.backText}
|
|
378
378
|
</button>
|
|
379
379
|
`:null}
|
|
380
380
|
|
|
@@ -382,5 +382,5 @@ a:active {
|
|
|
382
382
|
<slot name="links" @slotchange=${this._handleLinksSlotChange}></slot>
|
|
383
383
|
</div>
|
|
384
384
|
</div>
|
|
385
|
-
`}willUpdate(e){e.has("_navExpanded")&&this.updateChildren()}updated(e){e.has("active")&&this.active&&(this._getSlotText(),this.dispatchEvent(new CustomEvent("on-link-active",{composed:!0,bubbles:!0,detail:{text:this._text}})))}_handleTextSlotChange(){this._getSlotText(),this.requestUpdate()}_getSlotText(){const e=this.shadowRoot.querySelector(".text slot");this._text=e.assignedNodes({flatten:!0}).map((e=>{var t,i;return null!==(i=null===(t=e.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:""})).join(" ")}_handleLinksSlotChange(){this.updateChildren(),this.requestUpdate()}updateChildren(){var e,t;(null!==(e=this._navLinks)&&void 0!==e?e:[]).forEach((e=>{e._level=this._level+1,e._navExpanded=this._navExpanded||this._navExpandedMobile})),(null!==(t=this._dividers)&&void 0!==t?t:[]).forEach((e=>{e._navExpanded=this._navExpanded||this._navExpandedMobile}))}_handleBack(){this.expanded=!1}handleClick(e){const t=this.disabled||this._navLinks.length>0;this._navLinks.length&&(this.expanded=!this.expanded),t&&e.preventDefault(),this.requestUpdate(),this.dispatchEvent(new CustomEvent("on-click",{detail:{origEvent:e,level:this._level,defaultPrevented:t}}))}constructor(){super(...arguments),d.set(this,i(this,J,"")),x.set(this,(i(this,K),i(this,Q,!1))),f.set(this,(i(this,V),i(this,Y,!1))),b.set(this,(i(this,Z),i(this,ee,!1))),y.set(this,(i(this,te),i(this,ie,"Back"))),_.set(this,(i(this,ae),i(this,ne,!1))),w.set(this,(i(this,se),i(this,de,1))),E.set(this,(i(this,oe),i(this,le,!1))),z.set(this,(i(this,re),i(this,ce,!1))),M.set(this,(i(this,he),i(this,pe,""))),L.set(this,(i(this,ve),i(this,me,void 0))),S.set(this,(i(this,ue),i(this,
|
|
385
|
+
`}willUpdate(e){e.has("_navExpanded")&&this.updateChildren()}updated(e){e.has("active")&&this.active&&(this._getSlotText(),this.dispatchEvent(new CustomEvent("on-link-active",{composed:!0,bubbles:!0,detail:{text:this._text}})))}_handleTextSlotChange(){this._getSlotText(),this.requestUpdate()}_getSlotText(){const e=this.shadowRoot.querySelector(".text slot");this._text=e.assignedNodes({flatten:!0}).map((e=>{var t,i;return null!==(i=null===(t=e.textContent)||void 0===t?void 0:t.trim())&&void 0!==i?i:""})).join(" ")}_handleLinksSlotChange(){this.updateChildren(),this.requestUpdate()}updateChildren(){var e,t;(null!==(e=this._navLinks)&&void 0!==e?e:[]).forEach((e=>{e._level=this._level+1,e._navExpanded=this._navExpanded||this._navExpandedMobile})),(null!==(t=this._dividers)&&void 0!==t?t:[]).forEach((e=>{e._navExpanded=this._navExpanded||this._navExpandedMobile}))}_handleBack(){this.expanded=!1}handleClick(e){const t=this.disabled||this._navLinks.length>0;this._navLinks.length&&(this.expanded=!this.expanded),t&&e.preventDefault(),this.requestUpdate(),this.dispatchEvent(new CustomEvent("on-click",{detail:{origEvent:e,level:this._level,defaultPrevented:t}}))}constructor(){super(...arguments),d.set(this,i(this,J,"")),x.set(this,(i(this,K),i(this,Q,!1))),f.set(this,(i(this,V),i(this,Y,!1))),b.set(this,(i(this,Z),i(this,ee,!1))),y.set(this,(i(this,te),i(this,ie,"Back"))),_.set(this,(i(this,ae),i(this,ne,!1))),w.set(this,(i(this,se),i(this,de,1))),E.set(this,(i(this,oe),i(this,le,!1))),z.set(this,(i(this,re),i(this,ce,!1))),M.set(this,(i(this,he),i(this,pe,""))),L.set(this,(i(this,ve),i(this,me,void 0))),S.set(this,(i(this,ue),i(this,ge,void 0))),W.set(this,(i(this,ke),i(this,xe,void 0))),i(this,fe)}},d=new WeakMap,x=new WeakMap,f=new WeakMap,b=new WeakMap,y=new WeakMap,_=new WeakMap,w=new WeakMap,E=new WeakMap,z=new WeakMap,M=new WeakMap,L=new WeakMap,S=new WeakMap,W=new WeakMap,e(T,"LocalNavLink"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=I[Symbol.metadata])&&void 0!==e?e:null):void 0;$=[h({type:String})],j=[h({type:Boolean})],P=[h({type:Boolean,reflect:!0})],B=[h({type:Boolean})],q=[h({type:String})],U=[h({type:Boolean})],N=[p()],O=[p()],D=[p()],R=[p()],X=[v({slot:"links",selector:"kyn-local-nav-link"})],A=[v({slot:"links",selector:"kyn-local-nav-divider"})],F=[v({slot:"icon"})],t(T,null,$,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:e=>"href"in e,get:e=>e.href,set:(e,t)=>{e.href=t}},metadata:i},J,K),t(T,null,j,{kind:"accessor",name:"expanded",static:!1,private:!1,access:{has:e=>"expanded"in e,get:e=>e.expanded,set:(e,t)=>{e.expanded=t}},metadata:i},Q,V),t(T,null,P,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:e=>"active"in e,get:e=>e.active,set:(e,t)=>{e.active=t}},metadata:i},Y,Z),t(T,null,B,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:i},ee,te),t(T,null,q,{kind:"accessor",name:"backText",static:!1,private:!1,access:{has:e=>"backText"in e,get:e=>e.backText,set:(e,t)=>{e.backText=t}},metadata:i},ie,ae),t(T,null,U,{kind:"accessor",name:"leftPadding",static:!1,private:!1,access:{has:e=>"leftPadding"in e,get:e=>e.leftPadding,set:(e,t)=>{e.leftPadding=t}},metadata:i},ne,se),t(T,null,N,{kind:"accessor",name:"_level",static:!1,private:!1,access:{has:e=>"_level"in e,get:e=>e._level,set:(e,t)=>{e._level=t}},metadata:i},de,oe),t(T,null,O,{kind:"accessor",name:"_navExpanded",static:!1,private:!1,access:{has:e=>"_navExpanded"in e,get:e=>e._navExpanded,set:(e,t)=>{e._navExpanded=t}},metadata:i},le,re),t(T,null,D,{kind:"accessor",name:"_navExpandedMobile",static:!1,private:!1,access:{has:e=>"_navExpandedMobile"in e,get:e=>e._navExpandedMobile,set:(e,t)=>{e._navExpandedMobile=t}},metadata:i},ce,he),t(T,null,R,{kind:"accessor",name:"_text",static:!1,private:!1,access:{has:e=>"_text"in e,get:e=>e._text,set:(e,t)=>{e._text=t}},metadata:i},pe,ve),t(T,null,X,{kind:"accessor",name:"_navLinks",static:!1,private:!1,access:{has:e=>"_navLinks"in e,get:e=>e._navLinks,set:(e,t)=>{e._navLinks=t}},metadata:i},me,ue),t(T,null,A,{kind:"accessor",name:"_dividers",static:!1,private:!1,access:{has:e=>"_dividers"in e,get:e=>e._dividers,set:(e,t)=>{e._dividers=t}},metadata:i},ge,ke),t(T,null,F,{kind:"accessor",name:"_icon",static:!1,private:!1,access:{has:e=>"_icon"in e,get:e=>e._icon,set:(e,t)=>{e._icon=t}},metadata:i},xe,fe),t(null,C={value:T},G,{kind:"class",name:T.name,metadata:i},null,H),T=C.value,i&&Object.defineProperty(T,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),T.styles=l(k),i(T,H),T})();export{x as LocalNavLink};
|
|
386
386
|
//# sourceMappingURL=localNavLink.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as o,__classPrivateFieldSet as a}from"tslib";import{css as n,LitElement as d,unsafeCSS as r,html as s}from"lit";import{customElement as l,property as c,state as m}from"lit/decorators.js";import{classMap as h}from"lit-html/directives/class-map.js";import{unsafeSVG as p}from"lit/directives/unsafe-svg.js";import{R as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as i,__classPrivateFieldGet as o,__classPrivateFieldSet as a}from"tslib";import{css as n,LitElement as d,unsafeCSS as r,html as s}from"lit";import{customElement as l,property as c,state as m}from"lit/decorators.js";import{classMap as h}from"lit-html/directives/class-map.js";import{unsafeSVG as p}from"lit/directives/unsafe-svg.js";import{R as k}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var u=n`/**
|
|
2
2
|
* Copyright Kyndryl, Inc. 2023
|
|
3
3
|
*/
|
|
4
4
|
*,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Accordion}from"./accordion.js";export{AccordionItem}from"./accordionItem.js";import"tslib";import"lit";import"lit/decorators.js";import"lit-html/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{Accordion}from"./accordion.js";export{AccordionItem}from"./accordionItem.js";import"tslib";import"lit";import"lit/decorators.js";import"lit-html/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as e,__esDecorate as t,__runInitializers as a,__classPrivateFieldGet as r,__classPrivateFieldSet as o}from"tslib";import{css as i,LitElement as d,unsafeCSS as n,html as s}from"lit";import{customElement as c,property as l,state as g}from"lit/decorators.js";import{classMap as h}from"lit-html/directives/class-map.js";import{unsafeSVG as b}from"lit/directives/unsafe-svg.js";import{T as u,U as m,V as k,W as v,X as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
import{__setFunctionName as e,__esDecorate as t,__runInitializers as a,__classPrivateFieldGet as r,__classPrivateFieldSet as o}from"tslib";import{css as i,LitElement as d,unsafeCSS as n,html as s}from"lit";import{customElement as c,property as l,state as g}from"lit/decorators.js";import{classMap as h}from"lit-html/directives/class-map.js";import{unsafeSVG as b}from"lit/directives/unsafe-svg.js";import{T as u,U as m,V as k,W as v,X as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var y=i`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Badge}from"./badge.js";import"tslib";import"lit";import"lit/decorators.js";import"lit-html/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-
|
|
1
|
+
export{Badge}from"./badge.js";import"tslib";import"lit";import"lit/decorators.js";import"lit-html/directives/class-map.js";import"lit/directives/unsafe-svg.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|