@kyndryl-design-system/shidoka-applications 2.63.0 → 2.65.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/card/card.d.ts +6 -4
- package/components/reusable/card/card.d.ts.map +1 -1
- package/components/reusable/card/card.js +9 -3
- package/components/reusable/card/card.js.map +1 -1
- package/components/reusable/dropdown/dropdown.js +1 -1
- package/components/reusable/dropdown/index.js +1 -1
- package/components/reusable/multiInputField/index.js +1 -1
- package/components/reusable/multiInputField/multiInputField.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/tag/index.js +1 -1
- package/components/reusable/tag/tag.js +1 -1
- package/components/reusable/tag/tag.skeleton.d.ts.map +1 -1
- package/components/reusable/tag/tag.skeleton.js +3 -8
- package/components/reusable/tag/tag.skeleton.js.map +1 -1
- package/components/reusable/tag/tagGroup.js +1 -1
- package/components/reusable/widget/index.js +1 -1
- package/components/reusable/widget/widget.d.ts +5 -0
- package/components/reusable/widget/widget.d.ts.map +1 -1
- package/components/reusable/widget/widget.js +10 -3
- package/components/reusable/widget/widget.js.map +1 -1
- package/index.js +1 -1
- package/package.json +2 -2
- package/{tag-CkhRnREQ.js → tag-DT_gMEAT.js} +11 -5
- package/{tag-CkhRnREQ.js.map → tag-DT_gMEAT.js.map} +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
type CardType = 'normal' | 'clickable';
|
|
3
3
|
type CardTarget = '_self' | '_blank' | '_parent' | '_top';
|
|
4
|
-
type CardVariant = 'default' | 'notification';
|
|
4
|
+
type CardVariant = 'default' | 'notification' | 'interaction';
|
|
5
5
|
import '../inlineConfirm/inlineConfirm';
|
|
6
6
|
/**
|
|
7
7
|
* Card.
|
|
@@ -27,13 +27,15 @@ export declare class Card extends LitElement {
|
|
|
27
27
|
accessor aiConnected: boolean;
|
|
28
28
|
/** Set this to `true` for highlight */
|
|
29
29
|
accessor highlight: boolean;
|
|
30
|
-
/** Card variant. `'default'
|
|
31
|
-
* `'notification'` variant is used primarily for Info Card
|
|
30
|
+
/** Card variant. `'default'`, `'notification'`, `'interaction'`
|
|
31
|
+
* * `'notification'` variant is used primarily for Info Card
|
|
32
32
|
* and contains additional padding, per design specs.
|
|
33
|
+
* * `'interaction'` variant is used for AI response
|
|
34
|
+
|
|
33
35
|
*/
|
|
34
36
|
accessor variant: CardVariant;
|
|
35
37
|
render(): import("lit-html").TemplateResult<1>;
|
|
36
|
-
private
|
|
38
|
+
private renderNonDefaultVariant;
|
|
37
39
|
private get _computedRel();
|
|
38
40
|
private _onClick;
|
|
39
41
|
private _onKeydown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAQlD,KAAK,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;AACvC,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAC1D,KAAK,WAAW,GAAG,SAAS,GAAG,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAQlD,KAAK,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;AACvC,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAC1D,KAAK,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,aAAa,CAAC;AAE9D,OAAO,gCAAgC,CAAC;AAExC;;;;;;;GAOG;AACH,qBACa,IAAK,SAAQ,UAAU;IAClC,OAAgB,MAAM,4BAAkD;IAExE,4CAA4C;IAE5C,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAY;IAEnC,yCAAyC;IAEzC,QAAQ,CAAC,IAAI,SAAM;IAEnB,sKAAsK;IAEtK,QAAQ,CAAC,GAAG,SAAM;IAElB,sKAAsK;IAEtK,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAW;IAEtC,8FAA8F;IAE9F,QAAQ,CAAC,UAAU,UAAS;IAE5B,sBAAsB;IAEtB,QAAQ,CAAC,WAAW,UAAS;IAE7B,uCAAuC;IAEvC,QAAQ,CAAC,SAAS,UAAS;IAE3B;;;;;OAKG;IAEH,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAa;IAEjC,MAAM;IAkDf,OAAO,CAAC,uBAAuB;IAqB/B,OAAO,KAAK,YAAY,GAKvB;IAED,OAAO,CAAC,QAAQ,CASd;IAEF,OAAO,CAAC,UAAU,CAKhB;IAEF,OAAO,CAAC,eAAe,CAUrB;IAEO,iBAAiB;IAQjB,oBAAoB;CAO9B;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,IAAI,CAAC;KAClB;CACF"}
|
|
@@ -102,6 +102,12 @@ dialog.ai-connected.gradient-bkg {
|
|
|
102
102
|
background-repeat: no-repeat, no-repeat;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
+
/* CONVERSATION variant */
|
|
106
|
+
.card-wrapper[data-variant=interaction].ai-connected {
|
|
107
|
+
border: 1px solid var(--kd-color-border-variants-ai);
|
|
108
|
+
background: var(--kd-color-opacity-ai-warm-red-15);
|
|
109
|
+
}
|
|
110
|
+
|
|
105
111
|
.ai-connected.card-wrapper-clickable:focus-visible {
|
|
106
112
|
outline-color: var(--kd-color-border-variants-focus);
|
|
107
113
|
outline-offset: -2px;
|
|
@@ -392,7 +398,7 @@ dialog.ai-connected.gradient-bkg {
|
|
|
392
398
|
|
|
393
399
|
.info-card-rightIcon svg {
|
|
394
400
|
fill: var(--kd-color-icon-primary);
|
|
395
|
-
}`;let k=(()=>{var o,k,u,v,f,m,x,w;let y,C,z,_,$,I,j,
|
|
401
|
+
}`;let k=(()=>{var o,k,u,v,f,m,x,w;let y,C,z,_,$,I,S,j,B,E,M=[n("kyn-card")],W=[],O=p,N=[],D=[],A=[],L=[],R=[],T=[],V=[],K=[],P=[],F=[],q=[],G=[],H=[],J=[],Q=[],U=[];return C=class extends O{constructor(){super(...arguments),o.set(this,a(this,N,"normal")),k.set(this,(a(this,D),a(this,A,""))),u.set(this,(a(this,L),a(this,R,""))),v.set(this,(a(this,T),a(this,V,"_self"))),f.set(this,(a(this,K),a(this,P,!1))),m.set(this,(a(this,F),a(this,q,!1))),x.set(this,(a(this,G),a(this,H,!1))),w.set(this,(a(this,J),a(this,Q,"default"))),this._onClick=(a(this,U),r=>{this.href||r.preventDefault();const e=new CustomEvent("on-card-click",{detail:{origEvent:r},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e)&&!e.defaultPrevented||r.preventDefault()}),this._onKeydown=r=>{"Enter"!==r.key&&" "!==r.key||(r.preventDefault(),this._onClick(r))},this._forwardConfirm=r=>{if(r.target===this)return;const e=null==r?void 0:r.detail,a=new CustomEvent("on-confirm",{detail:e,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(a)}}get type(){return t(this,o,"f")}set type(r){i(this,o,r,"f")}get href(){return t(this,k,"f")}set href(r){i(this,k,r,"f")}get rel(){return t(this,u,"f")}set rel(r){i(this,u,r,"f")}get target(){return t(this,v,"f")}set target(r){i(this,v,r,"f")}get hideBorder(){return t(this,f,"f")}set hideBorder(r){i(this,f,r,"f")}get aiConnected(){return t(this,m,"f")}set aiConnected(r){i(this,m,r,"f")}get highlight(){return t(this,x,"f")}set highlight(r){i(this,x,r,"f")}get variant(){return t(this,w,"f")}set variant(r){i(this,w,r,"f")}render(){const r={"card-wrapper":"clickable"!==this.type,"card-wrapper-clickable":"clickable"===this.type,"card-border":!this.hideBorder&&!this.aiConnected&&!this.highlight,"hide-border":this.hideBorder,"ai-connected":this.aiConnected,"card-highlight":this.highlight,"ai-highlight":this.aiConnected&&this.highlight,"variant-notification":"notification"===this.variant,"variant-interaction":"interaction"===this.variant},e="clickable"===this.type&&""!==this.href;return-1===this.variant.indexOf("default")?this.renderNonDefaultVariant(r):e?s`
|
|
396
402
|
<a
|
|
397
403
|
part="card-wrapper"
|
|
398
404
|
class=${l(r)}
|
|
@@ -418,7 +424,7 @@ dialog.ai-connected.gradient-bkg {
|
|
|
418
424
|
>
|
|
419
425
|
<slot></slot>
|
|
420
426
|
</div>
|
|
421
|
-
`}
|
|
427
|
+
`}renderNonDefaultVariant(r){return s`
|
|
422
428
|
<div
|
|
423
429
|
part="card-wrapper"
|
|
424
430
|
class=${l(r)}
|
|
@@ -435,5 +441,5 @@ dialog.ai-connected.gradient-bkg {
|
|
|
435
441
|
</div>
|
|
436
442
|
</div>
|
|
437
443
|
</div>
|
|
438
|
-
`}get _computedRel(){return"_blank"!==this.target||this.rel&&""!==this.rel.trim()?this.rel:"noopener noreferrer"}connectedCallback(){super.connectedCallback(),"default"===this.variant&&this.classList.contains("info-card")&&(this.variant="notification"),this.addEventListener("on-confirm",this._forwardConfirm)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("on-confirm",this._forwardConfirm)}},o=new WeakMap,k=new WeakMap,u=new WeakMap,v=new WeakMap,f=new WeakMap,m=new WeakMap,x=new WeakMap,w=new WeakMap,r(C,"Card"),(()=>{var r;const a="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(r=
|
|
444
|
+
`}get _computedRel(){return"_blank"!==this.target||this.rel&&""!==this.rel.trim()?this.rel:"noopener noreferrer"}connectedCallback(){super.connectedCallback(),"default"===this.variant&&this.classList.contains("info-card")&&(this.variant="notification"),this.addEventListener("on-confirm",this._forwardConfirm)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("on-confirm",this._forwardConfirm)}},o=new WeakMap,k=new WeakMap,u=new WeakMap,v=new WeakMap,f=new WeakMap,m=new WeakMap,x=new WeakMap,w=new WeakMap,r(C,"Card"),(()=>{var r;const a="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(r=O[Symbol.metadata])&&void 0!==r?r:null):void 0;z=[c({type:String})],_=[c({type:String})],$=[c({type:String})],I=[c({type:String})],S=[c({type:Boolean})],j=[c({type:Boolean})],B=[c({type:Boolean})],E=[c({type:String,reflect:!0})],e(C,null,z,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:r=>"type"in r,get:r=>r.type,set:(r,e)=>{r.type=e}},metadata:a},N,D),e(C,null,_,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:r=>"href"in r,get:r=>r.href,set:(r,e)=>{r.href=e}},metadata:a},A,L),e(C,null,$,{kind:"accessor",name:"rel",static:!1,private:!1,access:{has:r=>"rel"in r,get:r=>r.rel,set:(r,e)=>{r.rel=e}},metadata:a},R,T),e(C,null,I,{kind:"accessor",name:"target",static:!1,private:!1,access:{has:r=>"target"in r,get:r=>r.target,set:(r,e)=>{r.target=e}},metadata:a},V,K),e(C,null,S,{kind:"accessor",name:"hideBorder",static:!1,private:!1,access:{has:r=>"hideBorder"in r,get:r=>r.hideBorder,set:(r,e)=>{r.hideBorder=e}},metadata:a},P,F),e(C,null,j,{kind:"accessor",name:"aiConnected",static:!1,private:!1,access:{has:r=>"aiConnected"in r,get:r=>r.aiConnected,set:(r,e)=>{r.aiConnected=e}},metadata:a},q,G),e(C,null,B,{kind:"accessor",name:"highlight",static:!1,private:!1,access:{has:r=>"highlight"in r,get:r=>r.highlight,set:(r,e)=>{r.highlight=e}},metadata:a},H,J),e(C,null,E,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:r=>"variant"in r,get:r=>r.variant,set:(r,e)=>{r.variant=e}},metadata:a},Q,U),e(null,y={value:C},M,{kind:"class",name:C.name,metadata:a},null,W),C=y.value,a&&Object.defineProperty(C,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})})(),C.styles=[d(h),d(g)],a(C,W),C})();export{k as Card};
|
|
439
445
|
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../../../src/components/reusable/card/card.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport CardScss from './card.scss?inline';\nimport InfoCardScss from './infoCard.scss?inline';\n\ntype CardType = 'normal' | 'clickable';\ntype CardTarget = '_self' | '_blank' | '_parent' | '_top';\ntype CardVariant = 'default' | 'notification';\n\nimport '../inlineConfirm/inlineConfirm';\n\n/**\n * Card.\n * @fires on-card-click - Captures the click event of clickable card and emits the original event details. Use `e.stopPropagation()` / `e.preventDefault()` for any internal clickable elements when card type is `'clickable'` to stop bubbling / prevent event. `detail:{ origEvent: PointerEvent }`\n * @slot unnamed - Slot for card contents.\n * @slot leftIcon - Slot for left icon when `variant` is `'notification'`.\n * @slot inlineConfirm - Slot for right icon when `variant` is `'notification'`.\n * @part card-wrapper - The wrapper element of the card. Use this part to customize its styles such as padding . Ex: kyn-card::part(card-wrapper)\n */\n@customElement('kyn-card')\nexport class Card extends LitElement {\n static override styles = [unsafeCSS(CardScss), unsafeCSS(InfoCardScss)];\n\n /** Card Type. `'normal'` & `'clickable'` */\n @property({ type: String })\n accessor type: CardType = 'normal';\n\n /** Card link url for clickable cards. */\n @property({ type: String })\n accessor href = '';\n\n /** Use for Card type `'clickable'`. Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship. */\n @property({ type: String })\n accessor rel = '';\n\n /** Defines a target attribute for where to load the URL in case of clickable card. Possible options include `'_self'` (default), `'_blank'`, `'_parent'`, `'_top'` */\n @property({ type: String })\n accessor target: CardTarget = '_self';\n\n /** Hide card border. Useful when clickable card use inside `<kyn-notification>` component. */\n @property({ type: Boolean })\n accessor hideBorder = false;\n\n /** AI theme toggle */\n @property({ type: Boolean })\n accessor aiConnected = false;\n\n /** Set this to `true` for highlight */\n @property({ type: Boolean })\n accessor highlight = false;\n\n /** Card variant. `'default'` & `'notification'`\n * `'notification'` variant is used primarily for Info Card\n * and contains additional padding, per design specs.\n */\n @property({ type: String, reflect: true })\n accessor variant: CardVariant = 'default';\n\n override render() {\n const baseClasses = {\n 'card-wrapper': this.type !== 'clickable',\n 'card-wrapper-clickable': this.type === 'clickable',\n 'card-border': !this.hideBorder && !this.aiConnected && !this.highlight,\n 'hide-border': this.hideBorder,\n 'ai-connected': this.aiConnected,\n 'card-highlight': this.highlight,\n 'ai-highlight': this.aiConnected && this.highlight,\n 'variant-notification': this.variant === 'notification',\n };\n\n const isAnchor = this.type === 'clickable' && this.href !== '';\n\n if (this.variant === 'notification') {\n return this.renderNotificationVariant(baseClasses);\n }\n\n return isAnchor\n ? html`\n <a\n part=\"card-wrapper\"\n class=${classMap(baseClasses)}\n data-variant=${this.variant}\n data-ai=${String(this.aiConnected)}\n href=${this.href || '#'}\n target=${this.target}\n rel=${this._computedRel}\n @click=${this._onClick}\n >\n <slot></slot>\n </a>\n `\n : html`\n <div\n part=\"card-wrapper\"\n class=${classMap(baseClasses)}\n data-variant=${this.variant}\n data-ai=${String(this.aiConnected)}\n role=${ifDefined(this.type === 'clickable' ? 'link' : undefined)}\n tabindex=${ifDefined(this.type === 'clickable' ? 0 : undefined)}\n @click=${this.type === 'clickable' ? this._onClick : null}\n @keydown=${this.type === 'clickable' ? this._onKeydown : null}\n >\n <slot></slot>\n </div>\n `;\n }\n\n private renderNotificationVariant(baseClasses: Record<string, boolean>) {\n return html`\n <div\n part=\"card-wrapper\"\n class=${classMap(baseClasses)}\n data-variant=${this.variant}\n data-ai=${String(this.aiConnected)}\n >\n <div class=\"info-card-container\">\n <div class=\"info-card-leftIcon\">\n <slot name=\"leftIcon\"></slot>\n </div>\n <div class=\"info-card-content-wrapper\"><slot></slot></div>\n <div class=\"info-card-rightIcon\">\n <slot name=\"inlineConfirm\"></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n private get _computedRel(): string {\n if (this.target === '_blank' && (!this.rel || this.rel.trim() === '')) {\n return 'noopener noreferrer';\n }\n return this.rel;\n }\n\n private _onClick = (e: Event) => {\n if (!this.href) e.preventDefault();\n const ev = new CustomEvent('on-card-click', {\n detail: { origEvent: e },\n bubbles: true,\n composed: true,\n cancelable: true,\n });\n if (!this.dispatchEvent(ev) || ev.defaultPrevented) e.preventDefault();\n };\n\n private _onKeydown = (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this._onClick(e);\n }\n };\n\n private _forwardConfirm = (e: Event) => {\n if ((e.target as HTMLElement) === this) return;\n const detail = (e as CustomEvent)?.detail;\n const ev = new CustomEvent('on-confirm', {\n detail,\n bubbles: true,\n composed: true,\n cancelable: true,\n });\n this.dispatchEvent(ev);\n };\n\n override connectedCallback() {\n super.connectedCallback();\n if (this.variant === 'default' && this.classList.contains('info-card')) {\n this.variant = 'notification';\n }\n this.addEventListener('on-confirm', this._forwardConfirm as EventListener);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener(\n 'on-confirm',\n this._forwardConfirm as EventListener\n );\n }\n}\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-card': Card;\n }\n}\n"],"names":["Card","customElement","LitElement","_classThis","_classSuper","_Card_type_accessor_storage","set","this","__runInitializers","_type_initializers","_Card_href_accessor_storage","_type_extraInitializers","_href_initializers","_Card_rel_accessor_storage","_href_extraInitializers","_rel_initializers","_Card_target_accessor_storage","_rel_extraInitializers","_target_initializers","_Card_hideBorder_accessor_storage","_target_extraInitializers","_hideBorder_initializers","_Card_aiConnected_accessor_storage","_hideBorder_extraInitializers","_aiConnected_initializers","_Card_highlight_accessor_storage","_aiConnected_extraInitializers","_highlight_initializers","_Card_variant_accessor_storage","_highlight_extraInitializers","_variant_initializers","_onClick","_variant_extraInitializers","e","href","preventDefault","ev","CustomEvent","detail","origEvent","bubbles","composed","cancelable","dispatchEvent","defaultPrevented","_onKeydown","key","_forwardConfirm","target","type","__classPrivateFieldGet","value","__classPrivateFieldSet","rel","hideBorder","aiConnected","highlight","variant","render","baseClasses","isAnchor","renderNotificationVariant","html","classMap","String","_computedRel","ifDefined","undefined","trim","connectedCallback","super","classList","contains","addEventListener","disconnectedCallback","removeEventListener","_type_decorators","property","_href_decorators","_rel_decorators","_target_decorators","_hideBorder_decorators","Boolean","_aiConnected_decorators","_highlight_decorators","reflect","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","_variant_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","CardScss","InfoCardScss"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../../../src/components/reusable/card/card.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport CardScss from './card.scss?inline';\nimport InfoCardScss from './infoCard.scss?inline';\n\ntype CardType = 'normal' | 'clickable';\ntype CardTarget = '_self' | '_blank' | '_parent' | '_top';\ntype CardVariant = 'default' | 'notification' | 'interaction';\n\nimport '../inlineConfirm/inlineConfirm';\n\n/**\n * Card.\n * @fires on-card-click - Captures the click event of clickable card and emits the original event details. Use `e.stopPropagation()` / `e.preventDefault()` for any internal clickable elements when card type is `'clickable'` to stop bubbling / prevent event. `detail:{ origEvent: PointerEvent }`\n * @slot unnamed - Slot for card contents.\n * @slot leftIcon - Slot for left icon when `variant` is `'notification'`.\n * @slot inlineConfirm - Slot for right icon when `variant` is `'notification'`.\n * @part card-wrapper - The wrapper element of the card. Use this part to customize its styles such as padding . Ex: kyn-card::part(card-wrapper)\n */\n@customElement('kyn-card')\nexport class Card extends LitElement {\n static override styles = [unsafeCSS(CardScss), unsafeCSS(InfoCardScss)];\n\n /** Card Type. `'normal'` & `'clickable'` */\n @property({ type: String })\n accessor type: CardType = 'normal';\n\n /** Card link url for clickable cards. */\n @property({ type: String })\n accessor href = '';\n\n /** Use for Card type `'clickable'`. Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship. */\n @property({ type: String })\n accessor rel = '';\n\n /** Defines a target attribute for where to load the URL in case of clickable card. Possible options include `'_self'` (default), `'_blank'`, `'_parent'`, `'_top'` */\n @property({ type: String })\n accessor target: CardTarget = '_self';\n\n /** Hide card border. Useful when clickable card use inside `<kyn-notification>` component. */\n @property({ type: Boolean })\n accessor hideBorder = false;\n\n /** AI theme toggle */\n @property({ type: Boolean })\n accessor aiConnected = false;\n\n /** Set this to `true` for highlight */\n @property({ type: Boolean })\n accessor highlight = false;\n\n /** Card variant. `'default'`, `'notification'`, `'interaction'`\n * * `'notification'` variant is used primarily for Info Card\n * and contains additional padding, per design specs.\n * * `'interaction'` variant is used for AI response\n \n */\n @property({ type: String, reflect: true })\n accessor variant: CardVariant = 'default';\n\n override render() {\n const baseClasses = {\n 'card-wrapper': this.type !== 'clickable',\n 'card-wrapper-clickable': this.type === 'clickable',\n 'card-border': !this.hideBorder && !this.aiConnected && !this.highlight,\n 'hide-border': this.hideBorder,\n 'ai-connected': this.aiConnected,\n 'card-highlight': this.highlight,\n 'ai-highlight': this.aiConnected && this.highlight,\n 'variant-notification': this.variant === 'notification',\n 'variant-interaction': this.variant === 'interaction',\n };\n\n const isAnchor = this.type === 'clickable' && this.href !== '';\n\n if (this.variant.indexOf('default') === -1) {\n return this.renderNonDefaultVariant(baseClasses);\n }\n\n return isAnchor\n ? html`\n <a\n part=\"card-wrapper\"\n class=${classMap(baseClasses)}\n data-variant=${this.variant}\n data-ai=${String(this.aiConnected)}\n href=${this.href || '#'}\n target=${this.target}\n rel=${this._computedRel}\n @click=${this._onClick}\n >\n <slot></slot>\n </a>\n `\n : html`\n <div\n part=\"card-wrapper\"\n class=${classMap(baseClasses)}\n data-variant=${this.variant}\n data-ai=${String(this.aiConnected)}\n role=${ifDefined(this.type === 'clickable' ? 'link' : undefined)}\n tabindex=${ifDefined(this.type === 'clickable' ? 0 : undefined)}\n @click=${this.type === 'clickable' ? this._onClick : null}\n @keydown=${this.type === 'clickable' ? this._onKeydown : null}\n >\n <slot></slot>\n </div>\n `;\n }\n\n private renderNonDefaultVariant(baseClasses: Record<string, boolean>) {\n return html`\n <div\n part=\"card-wrapper\"\n class=${classMap(baseClasses)}\n data-variant=${this.variant}\n data-ai=${String(this.aiConnected)}\n >\n <div class=\"info-card-container\">\n <div class=\"info-card-leftIcon\">\n <slot name=\"leftIcon\"></slot>\n </div>\n <div class=\"info-card-content-wrapper\"><slot></slot></div>\n <div class=\"info-card-rightIcon\">\n <slot name=\"inlineConfirm\"></slot>\n </div>\n </div>\n </div>\n `;\n }\n\n private get _computedRel(): string {\n if (this.target === '_blank' && (!this.rel || this.rel.trim() === '')) {\n return 'noopener noreferrer';\n }\n return this.rel;\n }\n\n private _onClick = (e: Event) => {\n if (!this.href) e.preventDefault();\n const ev = new CustomEvent('on-card-click', {\n detail: { origEvent: e },\n bubbles: true,\n composed: true,\n cancelable: true,\n });\n if (!this.dispatchEvent(ev) || ev.defaultPrevented) e.preventDefault();\n };\n\n private _onKeydown = (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this._onClick(e);\n }\n };\n\n private _forwardConfirm = (e: Event) => {\n if ((e.target as HTMLElement) === this) return;\n const detail = (e as CustomEvent)?.detail;\n const ev = new CustomEvent('on-confirm', {\n detail,\n bubbles: true,\n composed: true,\n cancelable: true,\n });\n this.dispatchEvent(ev);\n };\n\n override connectedCallback() {\n super.connectedCallback();\n if (this.variant === 'default' && this.classList.contains('info-card')) {\n this.variant = 'notification';\n }\n this.addEventListener('on-confirm', this._forwardConfirm as EventListener);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener(\n 'on-confirm',\n this._forwardConfirm as EventListener\n );\n }\n}\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-card': Card;\n }\n}\n"],"names":["Card","customElement","LitElement","_classThis","_classSuper","_Card_type_accessor_storage","set","this","__runInitializers","_type_initializers","_Card_href_accessor_storage","_type_extraInitializers","_href_initializers","_Card_rel_accessor_storage","_href_extraInitializers","_rel_initializers","_Card_target_accessor_storage","_rel_extraInitializers","_target_initializers","_Card_hideBorder_accessor_storage","_target_extraInitializers","_hideBorder_initializers","_Card_aiConnected_accessor_storage","_hideBorder_extraInitializers","_aiConnected_initializers","_Card_highlight_accessor_storage","_aiConnected_extraInitializers","_highlight_initializers","_Card_variant_accessor_storage","_highlight_extraInitializers","_variant_initializers","_onClick","_variant_extraInitializers","e","href","preventDefault","ev","CustomEvent","detail","origEvent","bubbles","composed","cancelable","dispatchEvent","defaultPrevented","_onKeydown","key","_forwardConfirm","target","type","__classPrivateFieldGet","value","__classPrivateFieldSet","rel","hideBorder","aiConnected","highlight","variant","render","baseClasses","isAnchor","indexOf","renderNonDefaultVariant","html","classMap","String","_computedRel","ifDefined","undefined","trim","connectedCallback","super","classList","contains","addEventListener","disconnectedCallback","removeEventListener","_type_decorators","property","_href_decorators","_rel_decorators","_target_decorators","_hideBorder_decorators","Boolean","_aiConnected_decorators","_highlight_decorators","reflect","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","_variant_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","CardScss","InfoCardScss"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as l,o as n,x as o,E as r}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as d,a as h,t as c,r as p,n as u,e as m}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as v}from"../../../vendor/lit-element-DxLLCKb1.js";import{FormMixin as g}from"../../../common/mixins/form-input.js";import{d as b}from"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"./dropdownOption.js";import"./enhancedDropdownOption.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../button/button.js";import{c as f,h as k,e as x}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkboxSubgroup.js";import"../../../tag-
|
|
1
|
+
import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as l,o as n,x as o,E as r}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as d,a as h,t as c,r as p,n as u,e as m}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as v}from"../../../vendor/lit-element-DxLLCKb1.js";import{FormMixin as g}from"../../../common/mixins/form-input.js";import{d as b}from"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"./dropdownOption.js";import"./enhancedDropdownOption.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../button/button.js";import{c as f,h as k,e as x}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkboxSubgroup.js";import"../../../tag-DT_gMEAT.js";import"../link/link.js";import"../link/defs.js";import"../loaders/skeleton.js";var y=d`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Dropdown}from"./dropdown.js";export{DropdownOption}from"./dropdownOption.js";export{DropdownCategory}from"./dropdownCategory.js";export{EnhancedDropdownOption}from"./enhancedDropdownOption.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-
|
|
1
|
+
export{Dropdown}from"./dropdown.js";export{DropdownOption}from"./dropdownOption.js";export{DropdownCategory}from"./dropdownCategory.js";export{EnhancedDropdownOption}from"./enhancedDropdownOption.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-DT_gMEAT.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../checkbox/checkboxSubgroup.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{MultiInputField}from"./multiInputField.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../common/mixins/form-input.js";import"../../../common/helpers/multiInputValidationsHelper.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-
|
|
1
|
+
export{MultiInputField}from"./multiInputField.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../common/mixins/form-input.js";import"../../../common/helpers/multiInputValidationsHelper.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-DT_gMEAT.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,a as o,t as r,r as l,n as d,e as h}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as c,o as p,e as u,b as g}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import{FormMixin as v}from"../../../common/mixins/form-input.js";import{defaultTextStrings as f,isValidInput as b,processTagsFromValue as k,validateAllTags as x,updateInvalidIndexesAfterRemoval as y}from"../../../common/helpers/multiInputValidationsHelper.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import{W as w,R as _}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-
|
|
1
|
+
import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,a as o,t as r,r as l,n as d,e as h}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as c,o as p,e as u,b as g}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import{FormMixin as v}from"../../../common/mixins/form-input.js";import{defaultTextStrings as f,isValidInput as b,processTagsFromValue as k,validateAllTags as x,updateInvalidIndexesAfterRemoval as y}from"../../../common/helpers/multiInputValidationsHelper.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import{W as w,R as _}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-DT_gMEAT.js";import"../link/link.js";import"../link/defs.js";import"../loaders/skeleton.js";var z=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,b as a,c as i,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{a as n,t as o,r,n as p}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as g}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as h}from"../../../vendor/lit-element-DxLLCKb1.js";import{c as m}from"../../../pagination-Cd-D1Aov.js";import"./pagination-items-range.js";import"./pagination-page-size-dropdown.js";import"./pagination-navigation-buttons.js";import"../dropdown/dropdown.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../checkbox/checkboxSubgroup.js";import"../dropdown/enhancedDropdownOption.js";import"../tag/tag.js";import"../../../tag-
|
|
1
|
+
import{_ as e,a as t,b as a,c as i,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{a as n,t as o,r,n as p}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as g}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as h}from"../../../vendor/lit-element-DxLLCKb1.js";import{c as m}from"../../../pagination-Cd-D1Aov.js";import"./pagination-items-range.js";import"./pagination-page-size-dropdown.js";import"./pagination-navigation-buttons.js";import"../dropdown/dropdown.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../checkbox/checkboxSubgroup.js";import"../dropdown/enhancedDropdownOption.js";import"../tag/tag.js";import"../../../tag-DT_gMEAT.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../dropdown/dropdownCategory.js";let d=(()=>{var d,u,c,l,b,S,f,k,z,w,v;let N,j,P,y,x,O,$,D,L,M,I,W,B,_=[o("kyn-pagination")],R=[],C=h,G=[],A=[],q=[],E=[],F=[],H=[],J=[],K=[],Q=[],T=[],U=[],V=[],X=[],Y=[],Z=[],ee=[],te=[],ae=[],ie=[],se=[],ne=[],oe=[];return j=class extends C{get count(){return i(this,d,"f")}set count(e){s(this,d,e,"f")}get pageNumber(){return i(this,u,"f")}set pageNumber(e){s(this,u,e,"f")}get pageSize(){return i(this,c,"f")}set pageSize(e){s(this,c,e,"f")}get pageSizeOptions(){return i(this,l,"f")}set pageSizeOptions(e){s(this,l,e,"f")}get _numberOfPages(){return i(this,b,"f")}set _numberOfPages(e){s(this,b,e,"f")}get pageSizeDropdownLabel(){return i(this,S,"f")}set pageSizeDropdownLabel(e){s(this,S,e,"f")}get pageNumberLabel(){return i(this,f,"f")}set pageNumberLabel(e){s(this,f,e,"f")}get hideItemsRange(){return i(this,k,"f")}set hideItemsRange(e){s(this,k,e,"f")}get hidePageSizeDropdown(){return i(this,z,"f")}set hidePageSizeDropdown(e){s(this,z,e,"f")}get hideNavigationButtons(){return i(this,w,"f")}set hideNavigationButtons(e){s(this,w,e,"f")}get textStrings(){return i(this,v,"f")}set textStrings(e){s(this,v,e,"f")}handlePageSizeChange(e){this.pageSize=e.detail.value,this.pageNumber=1}handlePageNumberChange(e){this.pageNumber=e.detail.value}render(){return g`
|
|
2
2
|
${this.hideItemsRange?null:g`
|
|
3
3
|
<kyn-pagination-items-range
|
|
4
4
|
.pageNumber=${this.pageNumber}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Pagination}from"./Pagination.js";export{PaginationItemsRange}from"./pagination-items-range.js";export{PaginationPageSizeDropdown}from"./pagination-page-size-dropdown.js";export{PaginationNavigationButtons}from"./pagination-navigation-buttons.js";export{PaginationSkeleton}from"./pagination.skeleton.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../pagination-Cd-D1Aov.js";import"../dropdown/dropdown.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../checkbox/checkboxSubgroup.js";import"../dropdown/enhancedDropdownOption.js";import"../tag/tag.js";import"../../../tag-
|
|
1
|
+
export{Pagination}from"./Pagination.js";export{PaginationItemsRange}from"./pagination-items-range.js";export{PaginationPageSizeDropdown}from"./pagination-page-size-dropdown.js";export{PaginationNavigationButtons}from"./pagination-navigation-buttons.js";export{PaginationSkeleton}from"./pagination.skeleton.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../pagination-Cd-D1Aov.js";import"../dropdown/dropdown.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../checkbox/checkboxSubgroup.js";import"../dropdown/enhancedDropdownOption.js";import"../tag/tag.js";import"../../../tag-DT_gMEAT.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../dropdown/dropdownCategory.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js";import{o as s,x as r}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as o,a as m,t as p,r as d,n as l}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as g}from"../../../vendor/lit-element-DxLLCKb1.js";import"../button/button.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../dropdown/dropdownCategory.js";import"../dropdown/enhancedDropdownOption.js";import{k as h,b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../tag/tag.js";import"../../../tag-
|
|
1
|
+
import{_ as e,a as t,b as i,c as a,d as n}from"../../../vendor/tslib-Ac8XvvSX.js";import{o as s,x as r}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as o,a as m,t as p,r as d,n as l}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as g}from"../../../vendor/lit-element-DxLLCKb1.js";import"../button/button.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../dropdown/dropdownCategory.js";import"../dropdown/enhancedDropdownOption.js";import{k as h,b}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../tag/tag.js";import"../../../tag-DT_gMEAT.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../checkbox/checkboxSubgroup.js";var u=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,t as s,r,n as p}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as d}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../dropdown/enhancedDropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../checkbox/checkboxSubgroup.js";import"../tag/tag.js";import"../../../tag-
|
|
1
|
+
import{_ as e,a as t,b as i,c as a,d as o}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,t as s,r,n as p}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as d}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../dropdown/enhancedDropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../checkbox/checkboxSubgroup.js";import"../tag/tag.js";import"../../../tag-DT_gMEAT.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";var l=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Tag}from"./tag.js";export{TagGroup}from"./tagGroup.js";export{TagSkeleton}from"./tag.skeleton.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-
|
|
1
|
+
export{Tag}from"./tag.js";export{TagGroup}from"./tagGroup.js";export{TagSkeleton}from"./tag.skeleton.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-DT_gMEAT.js";import"../link/link.js";import"../link/defs.js";import"../loaders/skeleton.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,b as a,c as i,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as l,x as n,o as c}from"../../../vendor/lit-html-fDTfWwFR.js";import{t as r,r as o,n as h}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as d}from"../../../vendor/lit-element-DxLLCKb1.js";import{c as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import{c as b}from"../../../tag-
|
|
1
|
+
import{_ as t,a as e,b as a,c as i,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as l,x as n,o as c}from"../../../vendor/lit-html-fDTfWwFR.js";import{t as r,r as o,n as h}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as d}from"../../../vendor/lit-element-DxLLCKb1.js";import{c as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import{c as b}from"../../../tag-DT_gMEAT.js";let u=(()=>{var u,m,k,p,T,f,$,v;let C,w,y,S,_,z,E,x,j,M,W=[r("kyn-tag")],P=[],F=d,N=[],B=[],O=[],q=[],A=[],D=[],G=[],H=[],I=[],J=[],K=[],L=[],Q=[],R=[],U=[],V=[];return w=class extends F{get label(){return i(this,u,"f")}set label(t){s(this,u,t,"f")}get tagSize(){return i(this,m,"f")}set tagSize(t){s(this,m,t,"f")}get disabled(){return i(this,k,"f")}set disabled(t){s(this,k,t,"f")}get filter(){return i(this,p,"f")}set filter(t){s(this,p,t,"f")}get noTruncation(){return i(this,T,"f")}set noTruncation(t){s(this,T,t,"f")}get clickable(){return i(this,f,"f")}set clickable(t){s(this,f,t,"f")}get tagColor(){return i(this,$,"f")}set tagColor(t){s(this,$,t,"f")}get clearTagText(){return i(this,v,"f")}set clearTagText(t){s(this,v,t,"f")}updated(){this.label=this.label.trim()}render(){const t=`tag-${this.tagColor}`,e="md"===this.tagSize?"tag-medium":"tag-small",a={tags:!0,"tag-disable":this.disabled,"tag-clickable":this.clickable,[`tag-clickable-${this.tagColor}`]:this.clickable,[`${t}`]:!0,[`${e}`]:!0,[`${e}-filter`]:this.filter},i=`${t}-close-btn`,s=`tag-close-btn-${this.tagSize}`,r={"tag-close-btn":!0,[`${i}`]:!0,[`${s}`]:!0},o={"tag-label":!0,"no-truncation":this.noTruncation,[`${e}-label`]:!0,[`${e}-label-filter`]:this.filter},h=`tag--new-${this.tagColor}`,d="md"===this.tagSize?"tag--new-medium":"tag--new-small",b={"tags--new":!0,"no-truncation":this.noTruncation,"tag--new-disable":this.disabled,"tag--new-clickable":this._isTagClickable(),[`tag--new-clickable-${this.tagColor}`]:this._isTagClickable(),[`${h}`]:!0,[`${d}`]:!0},u=`${h}-close-btn`,m=`tag-close-btn--new-${this.tagSize}`,k={"tag-close-btn--new":!0,[`${u}`]:!0,[`${m}`]:!0};return n`
|
|
2
2
|
<div
|
|
3
3
|
class="${l(this._chechForNewTag()?b:a)}"
|
|
4
4
|
tagSize="${this.tagSize}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/tag/tag.skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,qBAAqB,CAAC;AAI7B,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAwB;IAE9C;;OAEG;IAEH,QAAQ,CAAC,OAAO,SAAQ;IAEf,MAAM;
|
|
1
|
+
{"version":3,"file":"tag.skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/tag/tag.skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,qBAAqB,CAAC;AAI7B,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAwB;IAE9C;;OAEG;IAEH,QAAQ,CAAC,OAAO,SAAQ;IAEf,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
import{_ as e,a as t,b as a,c as s,d as i}from"../../../vendor/tslib-Ac8XvvSX.js";import{t as l,r as n,n as r}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as o,x as m}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as d}from"../../../vendor/lit-element-DxLLCKb1.js";import"../loaders/skeleton.js";import{c}from"../../../tag-
|
|
1
|
+
import{_ as e,a as t,b as a,c as s,d as i}from"../../../vendor/tslib-Ac8XvvSX.js";import{t as l,r as n,n as r}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as o,x as m}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as d}from"../../../vendor/lit-element-DxLLCKb1.js";import"../loaders/skeleton.js";import{c}from"../../../tag-DT_gMEAT.js";let g=(()=>{var g;let u,p,v,S=[l("kyn-tag-skeleton")],b=[],f=d,k=[],y=[];return p=class extends f{get tagSize(){return s(this,g,"f")}set tagSize(e){i(this,g,e,"f")}render(){const e="md"===this.tagSize?"tag-medium":"tag-small";return m`
|
|
2
2
|
<div class="${o({tags:!0,[`${e}`]:!0})}">
|
|
3
|
-
<kyn-skeleton
|
|
4
|
-
shape="rectangle"
|
|
5
|
-
height="100%"
|
|
6
|
-
width="60px"
|
|
7
|
-
inline
|
|
8
|
-
></kyn-skeleton>
|
|
3
|
+
<kyn-skeleton shape="rectangle" width="60px" inline></kyn-skeleton>
|
|
9
4
|
</div>
|
|
10
|
-
`}constructor(){super(...arguments),g.set(this,a(this,
|
|
5
|
+
`}constructor(){super(...arguments),g.set(this,a(this,k,"sm")),a(this,y)}},g=new WeakMap,e(p,"TagSkeleton"),(()=>{var e;const a="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=f[Symbol.metadata])&&void 0!==e?e:null):void 0;v=[r({type:String})],t(p,null,v,{kind:"accessor",name:"tagSize",static:!1,private:!1,access:{has:e=>"tagSize"in e,get:e=>e.tagSize,set:(e,t)=>{e.tagSize=t}},metadata:a},k,y),t(null,u={value:p},S,{kind:"class",name:p.name,metadata:a},null,b),p=u.value,a&&Object.defineProperty(p,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})})(),p.styles=n(c),a(p,b),p})();export{g as TagSkeleton};
|
|
11
6
|
//# sourceMappingURL=tag.skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.skeleton.js","sources":["../../../../src/components/reusable/tag/tag.skeleton.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit
|
|
1
|
+
{"version":3,"file":"tag.skeleton.js","sources":["../../../../src/components/reusable/tag/tag.skeleton.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport '../loaders/skeleton';\n\nimport TagStyles from './tag.scss?inline';\n\n@customElement('kyn-tag-skeleton')\nexport class TagSkeleton extends LitElement {\n static override styles = unsafeCSS(TagStyles);\n\n /**\n * Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.\n */\n @property({ type: String })\n accessor tagSize = 'sm';\n\n override render() {\n const sizeClass = this.tagSize === 'md' ? 'tag-medium' : 'tag-small';\n\n const tagClasses = {\n tags: true,\n [`${sizeClass}`]: true,\n };\n\n return html`\n <div class=\"${classMap(tagClasses)}\">\n <kyn-skeleton shape=\"rectangle\" width=\"60px\" inline></kyn-skeleton>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-tag-skeleton': TagSkeleton;\n }\n}\n"],"names":["TagSkeleton","customElement","LitElement","_classThis","_classSuper","tagSize","__classPrivateFieldGet","this","_TagSkeleton_tagSize_accessor_storage","value","__classPrivateFieldSet","render","sizeClass","html","classMap","tags","set","__runInitializers","_tagSize_initializers","_tagSize_decorators","property","type","String","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","_tagSize_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","TagStyles"],"mappings":"6WASaA,EAAW,yBADvBC,EAAc,4BACkBC,mBAARC,EAAA,cAAQC,EAO/B,WAASC,GAAO,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAhB,WAASH,CAAOI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAEP,MAAAE,GACP,MAAMC,EAA6B,OAAjBL,KAAKF,QAAmB,aAAe,YAOzD,OAAOQ,CAAI;oBACKC,EANG,CACjBC,MAAM,EACN,CAAC,GAAGH,MAAc;;;wCAPbJ,EAAAQ,IAAAT,KAAAU,EAAAV,KAAAW,EAAU,0LADlBC,EAAA,CAAAC,EAAS,CAAEC,KAAMC,UAClBC,EAAApB,EAAA,KAAAgB,EAAA,CAAAK,KAAA,WAAAC,KAAA,UAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,YAAAA,EAAAC,IAAAD,GAAAA,EAASzB,QAAOW,IAAA,CAAAc,EAAArB,KAAAqB,EAAPzB,QAAOI,CAAA,GAAAuB,SAAAC,GAAAf,EAAAgB,GAPlBX,EAAA,KAAAY,EAAA,CAAA1B,MAAAN,GAAAiC,EAAA,CAAAZ,KAAA,QAAAC,KAAAtB,EAAAsB,KAAAO,SAAAC,GAAA,KAAAI,iHACkBlC,EAAAmC,OAASC,EAAUC,GADxBvB,EAAAd,EAAAkC,MAAW"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as l,a as r,t as n,r as o,n as h,o as g}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as d,x as m}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as c}from"../../../vendor/lit-element-DxLLCKb1.js";import"./tag.js";import"../link/link.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-
|
|
1
|
+
import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as l,a as r,t as n,r as o,n as h,o as g}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as d,x as m}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as c}from"../../../vendor/lit-element-DxLLCKb1.js";import"./tag.js";import"../link/link.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../tag-DT_gMEAT.js";import"../link/defs.js";var p=l`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Widget}from"./widget.js";export{WidgetDragHandle}from"./widgetDragHandle.js";export{WidgetGridstack}from"./widgetGridstack.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../../../vendor/query-selector-shadow-dom-D9NRI6Ow.js";import"../../../common/helpers/helpers.js";import"../../../common/helpers/gridstack.js";import"../../../vendor/gridstack-D_3XX7W5.js";
|
|
1
|
+
export{Widget}from"./widget.js";export{WidgetDragHandle}from"./widgetDragHandle.js";export{WidgetGridstack}from"./widgetGridstack.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../badge/badge.js";import"../../../vendor/query-selector-shadow-dom-D9NRI6Ow.js";import"../../../common/helpers/helpers.js";import"../../../common/helpers/gridstack.js";import"../../../vendor/gridstack-D_3XX7W5.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
import '../badge';
|
|
2
3
|
/**
|
|
3
4
|
* Widget.
|
|
4
5
|
* @fires on-select - Emits the widget selected state .`detail:{ selected: boolean }`
|
|
@@ -26,6 +27,10 @@ export declare class Widget extends LitElement {
|
|
|
26
27
|
accessor compact: boolean;
|
|
27
28
|
/** Removes the widget header. */
|
|
28
29
|
accessor removeHeader: boolean;
|
|
30
|
+
/** Show Status badge. */
|
|
31
|
+
accessor showStatusBadge: boolean;
|
|
32
|
+
/** Status Badge label. */
|
|
33
|
+
accessor statusBadgeLabel: string;
|
|
29
34
|
/** Slotted chart element.
|
|
30
35
|
* @internal
|
|
31
36
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/widget/widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/widget/widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD,OAAO,UAAU,CAAC;AAElB;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAAqB;IAE3C,oBAAoB;IAEpB,QAAQ,CAAC,WAAW,SAAM;IAE1B,wBAAwB;IAExB,QAAQ,CAAC,QAAQ,SAAM;IAEvB,gCAAgC;IAEhC,QAAQ,CAAC,UAAU,UAAS;IAE5B,6BAA6B;IAE7B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,+BAA+B;IAE/B,QAAQ,CAAC,UAAU,UAAS;IAE5B,6BAA6B;IAE7B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,6CAA6C;IAE7C,QAAQ,CAAC,OAAO,UAAS;IAEzB,iCAAiC;IAEjC,QAAQ,CAAC,YAAY,UAAS;IAE9B,yBAAyB;IAEzB,QAAQ,CAAC,eAAe,UAAS;IAEjC,0BAA0B;IAE1B,QAAQ,CAAC,gBAAgB,SAAY;IAErC;;OAEG;IAEH,QAAQ,CAAC,MAAM,EAAG,GAAG,CAAC;IAEb,MAAM;IAkFf,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;CAOxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as d,a as l,t as r,r as o,n}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as c,x as h,o as g}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import{C as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";var v=d`*,
|
|
1
|
+
import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as d,a as l,t as r,r as o,n}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as c,x as h,o as g}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";import{C as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"../badge/badge.js";var v=d`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -236,7 +236,7 @@ slot[name=footer]::slotted(*) {
|
|
|
236
236
|
}
|
|
237
237
|
.widget.selectable:focus-visible {
|
|
238
238
|
outline-color: var(--kd-color-border-variants-focus);
|
|
239
|
-
}`;let u=(()=>{var d,u,k,f,w,
|
|
239
|
+
}`;let u=(()=>{var d,u,k,f,b,w,y,x,B,z,_;let S,$,T,W,j,M,C,A,H,L,E,q,D,K=[r("kyn-widget")],O=[],U=m,I=[],P=[],F=[],G=[],J=[],N=[],Q=[],R=[],V=[],X=[],Y=[],Z=[],ee=[],te=[],ie=[],ae=[],se=[],de=[],le=[],re=[],oe=[],ne=[];return $=class extends U{get widgetTitle(){return a(this,d,"f")}set widgetTitle(e){s(this,d,e,"f")}get subTitle(){return a(this,u,"f")}set subTitle(e){s(this,u,e,"f")}get dragActive(){return a(this,k,"f")}set dragActive(e){s(this,k,e,"f")}get disabled(){return a(this,f,"f")}set disabled(e){s(this,f,e,"f")}get selectable(){return a(this,b,"f")}set selectable(e){s(this,b,e,"f")}get selected(){return a(this,w,"f")}set selected(e){s(this,w,e,"f")}get compact(){return a(this,y,"f")}set compact(e){s(this,y,e,"f")}get removeHeader(){return a(this,x,"f")}set removeHeader(e){s(this,x,e,"f")}get showStatusBadge(){return a(this,B,"f")}set showStatusBadge(e){s(this,B,e,"f")}get statusBadgeLabel(){return a(this,z,"f")}set statusBadgeLabel(e){s(this,z,e,"f")}get _chart(){return a(this,_,"f")}set _chart(e){s(this,_,e,"f")}render(){const e={widget:!0,"drag-active":this.dragActive,"has-chart":this._chart,disabled:this.disabled,selectable:this.selectable,selected:this.selected,compact:this.compact};return h`
|
|
240
240
|
<div
|
|
241
241
|
class=${c(e)}
|
|
242
242
|
role="group"
|
|
@@ -259,6 +259,13 @@ slot[name=footer]::slotted(*) {
|
|
|
259
259
|
</div>
|
|
260
260
|
|
|
261
261
|
<div class="actions">
|
|
262
|
+
${this.showStatusBadge?h`
|
|
263
|
+
<kyn-badge
|
|
264
|
+
label=${this.statusBadgeLabel}
|
|
265
|
+
status="information"
|
|
266
|
+
hideIcon
|
|
267
|
+
></kyn-badge>
|
|
268
|
+
`:null}
|
|
262
269
|
<slot
|
|
263
270
|
name="actions"
|
|
264
271
|
tabindex=${this.selectable?-1:0}
|
|
@@ -291,5 +298,5 @@ slot[name=footer]::slotted(*) {
|
|
|
291
298
|
</div>
|
|
292
299
|
`:null}
|
|
293
300
|
</div>
|
|
294
|
-
`}_handleBodyClick(){this.selectable&&!this.disabled&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent("on-select",{detail:{selected:this.selected},bubbles:!0,composed:!0})))}_handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||this._handleBodyClick()}_handleSlotChange(){this._updateChildren(),this.requestUpdate()}_updateChildren(){const e=this.querySelector("kd-chart");e&&(this._chart=e,this._chart._widget=!0)}constructor(){super(...arguments),d.set(this,i(this,
|
|
301
|
+
`}_handleBodyClick(){this.selectable&&!this.disabled&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent("on-select",{detail:{selected:this.selected},bubbles:!0,composed:!0})))}_handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||this._handleBodyClick()}_handleSlotChange(){this._updateChildren(),this.requestUpdate()}_updateChildren(){const e=this.querySelector("kd-chart");e&&(this._chart=e,this._chart._widget=!0)}constructor(){super(...arguments),d.set(this,i(this,I,"")),u.set(this,(i(this,P),i(this,F,""))),k.set(this,(i(this,G),i(this,J,!1))),f.set(this,(i(this,N),i(this,Q,!1))),b.set(this,(i(this,R),i(this,V,!1))),w.set(this,(i(this,X),i(this,Y,!1))),y.set(this,(i(this,Z),i(this,ee,!1))),x.set(this,(i(this,te),i(this,ie,!1))),B.set(this,(i(this,ae),i(this,se,!1))),z.set(this,(i(this,de),i(this,le,"Update"))),_.set(this,(i(this,re),i(this,oe,void 0))),i(this,ne)}},d=new WeakMap,u=new WeakMap,k=new WeakMap,f=new WeakMap,b=new WeakMap,w=new WeakMap,y=new WeakMap,x=new WeakMap,B=new WeakMap,z=new WeakMap,_=new WeakMap,e($,"Widget"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=U[Symbol.metadata])&&void 0!==e?e:null):void 0;T=[n({type:String})],W=[n({type:String})],j=[n({type:Boolean})],M=[n({type:Boolean})],C=[n({type:Boolean})],A=[n({type:Boolean})],H=[n({type:Boolean})],L=[n({type:Boolean})],E=[n({type:Boolean})],q=[n({type:String})],D=[l()],t($,null,T,{kind:"accessor",name:"widgetTitle",static:!1,private:!1,access:{has:e=>"widgetTitle"in e,get:e=>e.widgetTitle,set:(e,t)=>{e.widgetTitle=t}},metadata:i},I,P),t($,null,W,{kind:"accessor",name:"subTitle",static:!1,private:!1,access:{has:e=>"subTitle"in e,get:e=>e.subTitle,set:(e,t)=>{e.subTitle=t}},metadata:i},F,G),t($,null,j,{kind:"accessor",name:"dragActive",static:!1,private:!1,access:{has:e=>"dragActive"in e,get:e=>e.dragActive,set:(e,t)=>{e.dragActive=t}},metadata:i},J,N),t($,null,M,{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},Q,R),t($,null,C,{kind:"accessor",name:"selectable",static:!1,private:!1,access:{has:e=>"selectable"in e,get:e=>e.selectable,set:(e,t)=>{e.selectable=t}},metadata:i},V,X),t($,null,A,{kind:"accessor",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:i},Y,Z),t($,null,H,{kind:"accessor",name:"compact",static:!1,private:!1,access:{has:e=>"compact"in e,get:e=>e.compact,set:(e,t)=>{e.compact=t}},metadata:i},ee,te),t($,null,L,{kind:"accessor",name:"removeHeader",static:!1,private:!1,access:{has:e=>"removeHeader"in e,get:e=>e.removeHeader,set:(e,t)=>{e.removeHeader=t}},metadata:i},ie,ae),t($,null,E,{kind:"accessor",name:"showStatusBadge",static:!1,private:!1,access:{has:e=>"showStatusBadge"in e,get:e=>e.showStatusBadge,set:(e,t)=>{e.showStatusBadge=t}},metadata:i},se,de),t($,null,q,{kind:"accessor",name:"statusBadgeLabel",static:!1,private:!1,access:{has:e=>"statusBadgeLabel"in e,get:e=>e.statusBadgeLabel,set:(e,t)=>{e.statusBadgeLabel=t}},metadata:i},le,re),t($,null,D,{kind:"accessor",name:"_chart",static:!1,private:!1,access:{has:e=>"_chart"in e,get:e=>e._chart,set:(e,t)=>{e._chart=t}},metadata:i},oe,ne),t(null,S={value:$},K,{kind:"class",name:$.name,metadata:i},null,O),$=S.value,i&&Object.defineProperty($,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),$.styles=o(v),i($,O),$})();export{u as Widget};
|
|
295
302
|
//# sourceMappingURL=widget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"widget.js","sources":["../../../../src/components/reusable/widget/widget.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport CheckMarkFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/32/checkmark-filled.svg';\nimport Styles from './widget.scss?inline';\n\n/**\n * Widget.\n * @fires on-select - Emits the widget selected state .`detail:{ selected: boolean }`\n * @slot unnamed - Slot for widget content.\n * @slot actions - Slot for action buttons.\n * @slot tooltip - Slot for tooltip in header.\n * @slot draghandle - Slot for drag handle.\n * @slot footer - Slot for footer content.\n */\n@customElement('kyn-widget')\nexport class Widget extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Widget title. */\n @property({ type: String })\n accessor widgetTitle = '';\n\n /** Widget sub-title. */\n @property({ type: String })\n accessor subTitle = '';\n\n /** Widget drag active state. */\n @property({ type: Boolean })\n accessor dragActive = false;\n\n /** Widget disabled state. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Widget selectable state. */\n @property({ type: Boolean })\n accessor selectable = false;\n\n /** Widget selected state. */\n @property({ type: Boolean })\n accessor selected = false;\n\n /** Widget compact state, reduced padding. */\n @property({ type: Boolean })\n accessor compact = false;\n\n /** Removes the widget header. */\n @property({ type: Boolean })\n accessor removeHeader = false;\n\n /** Slotted chart element.\n * @internal\n */\n @state()\n accessor _chart!: any;\n\n override render() {\n const Classes = {\n widget: true,\n 'drag-active': this.dragActive,\n 'has-chart': this._chart,\n disabled: this.disabled,\n selectable: this.selectable,\n selected: this.selected,\n compact: this.compact,\n };\n\n return html`\n <div\n class=${classMap(Classes)}\n role=\"group\"\n aria-disabled=${this.disabled}\n @click=${this._handleBodyClick}\n @keydown=${this._handleKeyDown}\n tabindex=${this.selectable && !this.disabled ? 0 : -1}\n >\n ${!this.removeHeader\n ? html`\n <div class=\"widget-header\">\n <slot name=\"draghandle\"></slot>\n\n <div class=\"title-desc\">\n <div class=\"title\">\n ${this.widgetTitle}\n <slot name=\"tooltip\"></slot>\n </div>\n\n <div class=\"description\">${this.subTitle}</div>\n </div>\n\n <div class=\"actions\">\n <slot\n name=\"actions\"\n tabindex=${this.selectable ? -1 : 0}\n ></slot>\n </div>\n </div>\n `\n : null}\n\n <div class=\"widget-content\">\n <div class=\"widget-body\">\n <slot\n @slotchange=${this._handleSlotChange}\n tabindex=${this.selectable ? -1 : 0}\n ></slot>\n </div>\n\n <div class=\"widget-footer\">\n <slot name=\"footer\" tabindex=${this.selectable ? -1 : 0}></slot>\n </div>\n </div>\n\n ${this.selectable && this.selected\n ? html`\n <div class=\"opacity-overlay\"></div>\n <div class=\"checkmark-overlay\">\n <div class=\"checkmark-bg\">\n <span class=\"checkmark-iconsize\"\n >${unsafeSVG(CheckMarkFilledIcon)}</span\n >\n </div>\n </div>\n `\n : null}\n </div>\n `;\n }\n\n private _handleBodyClick() {\n if (!this.selectable || this.disabled) return;\n this.selected = !this.selected;\n this.dispatchEvent(\n new CustomEvent('on-select', {\n detail: { selected: this.selected },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n private _handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ') {\n this._handleBodyClick();\n }\n }\n\n private _handleSlotChange() {\n this._updateChildren();\n this.requestUpdate();\n }\n\n private _updateChildren() {\n const Chart = this.querySelector('kd-chart');\n if (Chart) {\n this._chart = Chart;\n this._chart._widget = true;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-widget': Widget;\n }\n}\n"],"names":["Widget","customElement","LitElement","_classThis","_classSuper","widgetTitle","__classPrivateFieldGet","this","_Widget_widgetTitle_accessor_storage","value","__classPrivateFieldSet","subTitle","_Widget_subTitle_accessor_storage","dragActive","_Widget_dragActive_accessor_storage","disabled","_Widget_disabled_accessor_storage","selectable","_Widget_selectable_accessor_storage","selected","_Widget_selected_accessor_storage","compact","_Widget_compact_accessor_storage","removeHeader","_Widget_removeHeader_accessor_storage","_chart","_Widget__chart_accessor_storage","render","Classes","widget","html","classMap","_handleBodyClick","_handleKeyDown","_handleSlotChange","unsafeSVG","CheckMarkFilledIcon","dispatchEvent","CustomEvent","detail","bubbles","composed","event","key","_updateChildren","requestUpdate","Chart","querySelector","_widget","set","__runInitializers","_widgetTitle_initializers","_widgetTitle_extraInitializers","_subTitle_initializers","_subTitle_extraInitializers","_dragActive_initializers","_dragActive_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_selectable_initializers","_selectable_extraInitializers","_selected_initializers","_selected_extraInitializers","_compact_initializers","_compact_extraInitializers","_removeHeader_initializers","_removeHeader_extraInitializers","__chart_initializers","_widgetTitle_decorators","property","type","String","_subTitle_decorators","_dragActive_decorators","Boolean","_disabled_decorators","_selectable_decorators","_selected_decorators","_compact_decorators","_removeHeader_decorators","__chart_decorators","state","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","__chart_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"widget.js","sources":["../../../../src/components/reusable/widget/widget.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport CheckMarkFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/32/checkmark-filled.svg';\nimport Styles from './widget.scss?inline';\nimport '../badge';\n\n/**\n * Widget.\n * @fires on-select - Emits the widget selected state .`detail:{ selected: boolean }`\n * @slot unnamed - Slot for widget content.\n * @slot actions - Slot for action buttons.\n * @slot tooltip - Slot for tooltip in header.\n * @slot draghandle - Slot for drag handle.\n * @slot footer - Slot for footer content.\n */\n@customElement('kyn-widget')\nexport class Widget extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Widget title. */\n @property({ type: String })\n accessor widgetTitle = '';\n\n /** Widget sub-title. */\n @property({ type: String })\n accessor subTitle = '';\n\n /** Widget drag active state. */\n @property({ type: Boolean })\n accessor dragActive = false;\n\n /** Widget disabled state. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Widget selectable state. */\n @property({ type: Boolean })\n accessor selectable = false;\n\n /** Widget selected state. */\n @property({ type: Boolean })\n accessor selected = false;\n\n /** Widget compact state, reduced padding. */\n @property({ type: Boolean })\n accessor compact = false;\n\n /** Removes the widget header. */\n @property({ type: Boolean })\n accessor removeHeader = false;\n\n /** Show Status badge. */\n @property({ type: Boolean })\n accessor showStatusBadge = false;\n\n /** Status Badge label. */\n @property({ type: String })\n accessor statusBadgeLabel = 'Update';\n\n /** Slotted chart element.\n * @internal\n */\n @state()\n accessor _chart!: any;\n\n override render() {\n const Classes = {\n widget: true,\n 'drag-active': this.dragActive,\n 'has-chart': this._chart,\n disabled: this.disabled,\n selectable: this.selectable,\n selected: this.selected,\n compact: this.compact,\n };\n\n return html`\n <div\n class=${classMap(Classes)}\n role=\"group\"\n aria-disabled=${this.disabled}\n @click=${this._handleBodyClick}\n @keydown=${this._handleKeyDown}\n tabindex=${this.selectable && !this.disabled ? 0 : -1}\n >\n ${!this.removeHeader\n ? html`\n <div class=\"widget-header\">\n <slot name=\"draghandle\"></slot>\n\n <div class=\"title-desc\">\n <div class=\"title\">\n ${this.widgetTitle}\n <slot name=\"tooltip\"></slot>\n </div>\n\n <div class=\"description\">${this.subTitle}</div>\n </div>\n\n <div class=\"actions\">\n ${this.showStatusBadge\n ? html`\n <kyn-badge\n label=${this.statusBadgeLabel}\n status=\"information\"\n hideIcon\n ></kyn-badge>\n `\n : null}\n <slot\n name=\"actions\"\n tabindex=${this.selectable ? -1 : 0}\n ></slot>\n </div>\n </div>\n `\n : null}\n\n <div class=\"widget-content\">\n <div class=\"widget-body\">\n <slot\n @slotchange=${this._handleSlotChange}\n tabindex=${this.selectable ? -1 : 0}\n ></slot>\n </div>\n\n <div class=\"widget-footer\">\n <slot name=\"footer\" tabindex=${this.selectable ? -1 : 0}></slot>\n </div>\n </div>\n\n ${this.selectable && this.selected\n ? html`\n <div class=\"opacity-overlay\"></div>\n <div class=\"checkmark-overlay\">\n <div class=\"checkmark-bg\">\n <span class=\"checkmark-iconsize\"\n >${unsafeSVG(CheckMarkFilledIcon)}</span\n >\n </div>\n </div>\n `\n : null}\n </div>\n `;\n }\n\n private _handleBodyClick() {\n if (!this.selectable || this.disabled) return;\n this.selected = !this.selected;\n this.dispatchEvent(\n new CustomEvent('on-select', {\n detail: { selected: this.selected },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n private _handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ') {\n this._handleBodyClick();\n }\n }\n\n private _handleSlotChange() {\n this._updateChildren();\n this.requestUpdate();\n }\n\n private _updateChildren() {\n const Chart = this.querySelector('kd-chart');\n if (Chart) {\n this._chart = Chart;\n this._chart._widget = true;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-widget': Widget;\n }\n}\n"],"names":["Widget","customElement","LitElement","_classThis","_classSuper","widgetTitle","__classPrivateFieldGet","this","_Widget_widgetTitle_accessor_storage","value","__classPrivateFieldSet","subTitle","_Widget_subTitle_accessor_storage","dragActive","_Widget_dragActive_accessor_storage","disabled","_Widget_disabled_accessor_storage","selectable","_Widget_selectable_accessor_storage","selected","_Widget_selected_accessor_storage","compact","_Widget_compact_accessor_storage","removeHeader","_Widget_removeHeader_accessor_storage","showStatusBadge","_Widget_showStatusBadge_accessor_storage","statusBadgeLabel","_Widget_statusBadgeLabel_accessor_storage","_chart","_Widget__chart_accessor_storage","render","Classes","widget","html","classMap","_handleBodyClick","_handleKeyDown","_handleSlotChange","unsafeSVG","CheckMarkFilledIcon","dispatchEvent","CustomEvent","detail","bubbles","composed","event","key","_updateChildren","requestUpdate","Chart","querySelector","_widget","set","__runInitializers","_widgetTitle_initializers","_widgetTitle_extraInitializers","_subTitle_initializers","_subTitle_extraInitializers","_dragActive_initializers","_dragActive_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_selectable_initializers","_selectable_extraInitializers","_selected_initializers","_selected_extraInitializers","_compact_initializers","_compact_extraInitializers","_removeHeader_initializers","_removeHeader_extraInitializers","_showStatusBadge_initializers","_showStatusBadge_extraInitializers","_statusBadgeLabel_initializers","_statusBadgeLabel_extraInitializers","__chart_initializers","_widgetTitle_decorators","property","type","String","_subTitle_decorators","_dragActive_decorators","Boolean","_disabled_decorators","_selectable_decorators","_selected_decorators","_compact_decorators","_removeHeader_decorators","_showStatusBadge_decorators","_statusBadgeLabel_decorators","__chart_decorators","state","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","__chart_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";import"./components/reusable/dropdown/enhancedDropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-HAX1Y1Hk.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";import"./components/reusable/pagination/pagination.skeleton.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{Popover}from"./components/reusable/popover/popover.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";export{ColorInput}from"./components/reusable/colorInput/colorInput.js";export{MetaData}from"./components/reusable/metaData/metaData.js";import"./vendor/tslib-Ac8XvvSX.js";import"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/lit-html-fDTfWwFR.js";import"./vendor/lit-element-DxLLCKb1.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"./vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"./vendor/deepmerge-ts-OFb5ej8y.js";import"./common/mixins/form-input.js";import"./common/helpers/flatpickr.js";import"./vendor/flatpickr-D1_FkiHZ.js";import"./common/flatpickrLangs.js";import"./common/helpers/flatpickrOverlayPosition.js";import"./shidoka-flatpickr-theme-DOQOMmsp.js";import"./vendor/prismjs-1mvJofm2.js";import"./vendor/@lit/context-nxMZ2CIX.js";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-Cd-D1Aov.js";import"./tag-
|
|
1
|
+
export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";import"./components/reusable/dropdown/enhancedDropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-HAX1Y1Hk.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";import"./components/reusable/pagination/pagination.skeleton.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{Popover}from"./components/reusable/popover/popover.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";export{ColorInput}from"./components/reusable/colorInput/colorInput.js";export{MetaData}from"./components/reusable/metaData/metaData.js";import"./vendor/tslib-Ac8XvvSX.js";import"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/lit-html-fDTfWwFR.js";import"./vendor/lit-element-DxLLCKb1.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"./vendor/@kyndryl-design-system/shidoka-icons-DALQfz_R.js";import"./vendor/deepmerge-ts-OFb5ej8y.js";import"./common/mixins/form-input.js";import"./common/helpers/flatpickr.js";import"./vendor/flatpickr-D1_FkiHZ.js";import"./common/flatpickrLangs.js";import"./common/helpers/flatpickrOverlayPosition.js";import"./shidoka-flatpickr-theme-DOQOMmsp.js";import"./vendor/prismjs-1mvJofm2.js";import"./vendor/@lit/context-nxMZ2CIX.js";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-Cd-D1Aov.js";import"./tag-DT_gMEAT.js";import"./components/reusable/badge/badge.js";import"./vendor/query-selector-shadow-dom-D9NRI6Ow.js";import"./vendor/gridstack-D_3XX7W5.js";import"./vendor/lottie-web-t-JWAnz9.js";import"./inline-CS33Oojd.js";import"./vendor/@floating-ui/dom-DatHEGLh.js";import"./vendor/@floating-ui/core-Psgh4TGO.js";import"./vendor/@floating-ui/utils-CqAU-KUi.js";import"./common/helpers/popoverHelper.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-Co5dXCZy.js";import"./components/reusable/splitButton/defs.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kyndryl-design-system/shidoka-applications",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.65.0",
|
|
4
4
|
"description": "Shidoka Web Components for Applications",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "index.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"prepare": "npx husky install"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@kyndryl-design-system/shidoka-foundation": "^2.7.
|
|
31
|
+
"@kyndryl-design-system/shidoka-foundation": "^2.7.2",
|
|
32
32
|
"@kyndryl-design-system/shidoka-icons": "^2.14.0",
|
|
33
33
|
"@lit/context": "^1.1.0",
|
|
34
34
|
"deepmerge-ts": "^7.1.0",
|
|
@@ -36,7 +36,7 @@ import{i as o}from"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/l
|
|
|
36
36
|
display: inline-block;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
/* ---------------------------
|
|
39
|
+
/* --------------------------- DEPRECATED --------------------------- */
|
|
40
40
|
.tags {
|
|
41
41
|
font-family: var(--kd-font-family-secondary);
|
|
42
42
|
font-size: var(--kd-font-size-utility-2-sm);
|
|
@@ -157,7 +157,6 @@ import{i as o}from"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/l
|
|
|
157
157
|
}
|
|
158
158
|
.tag-medium {
|
|
159
159
|
height: 24px;
|
|
160
|
-
padding: 0 4px 0 4px;
|
|
161
160
|
}
|
|
162
161
|
.tag-medium-filter {
|
|
163
162
|
padding-right: 0px;
|
|
@@ -170,7 +169,6 @@ import{i as o}from"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/l
|
|
|
170
169
|
}
|
|
171
170
|
.tag-small {
|
|
172
171
|
height: 20px;
|
|
173
|
-
padding: 0 2px 0 2px;
|
|
174
172
|
}
|
|
175
173
|
.tag-small-filter {
|
|
176
174
|
padding-right: 0px;
|
|
@@ -650,7 +648,7 @@ import{i as o}from"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/l
|
|
|
650
648
|
outline-color: var(--kd-color-border-ui-pressed);
|
|
651
649
|
}
|
|
652
650
|
|
|
653
|
-
/* ---------------------------
|
|
651
|
+
/* --------------------------- DEPRECATED --------------------------- */
|
|
654
652
|
.tags--new {
|
|
655
653
|
display: flex;
|
|
656
654
|
align-items: center;
|
|
@@ -901,5 +899,13 @@ import{i as o}from"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/l
|
|
|
901
899
|
}
|
|
902
900
|
.tag--new-ai-close-btn:focus-visible {
|
|
903
901
|
outline-color: var(--kd-color-border-variants-focus);
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
:host .tag-small > kyn-skeleton {
|
|
905
|
+
--skeleton-base-height: 20px;
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
:host .tag-medium > kyn-skeleton {
|
|
909
|
+
--skeleton-base-height: 24px;
|
|
904
910
|
}`;export{r as c};
|
|
905
|
-
//# sourceMappingURL=tag-
|
|
911
|
+
//# sourceMappingURL=tag-DT_gMEAT.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-
|
|
1
|
+
{"version":3,"file":"tag-DT_gMEAT.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|