@kyndryl-design-system/shidoka-applications 2.58.4 → 2.58.5

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.
@@ -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;AAMlD;;;;;;GAMG;AAEH,qBACa,IAAK,SAAQ,UAAU;IAClC,OAAgB,MAAM,0BAAuB;IAE7C,4CAA4C;IAE5C,QAAQ,CAAC,IAAI,SAAY;IAEzB,yCAAyC;IAEzC,QAAQ,CAAC,IAAI,SAAM;IAEnB,sKAAsK;IAEtK,QAAQ,CAAC,GAAG,SAAM;IAElB,sKAAsK;IAEtK,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAW;IAE/B,8FAA8F;IAE9F,QAAQ,CAAC,UAAU,UAAS;IAE5B,uCAAuC;IAEvC,QAAQ,CAAC,WAAW,UAAS;IAC7B,uCAAuC;IAEvC,QAAQ,CAAC,SAAS,UAAS;IAElB,MAAM;IAmCf,OAAO,CAAC,WAAW;CAMpB;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,IAAI,CAAC;KAClB;CACF"}
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;AAMlD;;;;;;GAMG;AAEH,qBACa,IAAK,SAAQ,UAAU;IAClC,OAAgB,MAAM,0BAAuB;IAE7C,4CAA4C;IAE5C,QAAQ,CAAC,IAAI,SAAY;IAEzB,yCAAyC;IAEzC,QAAQ,CAAC,IAAI,SAAM;IAEnB,sKAAsK;IAEtK,QAAQ,CAAC,GAAG,SAAM;IAElB,sKAAsK;IAEtK,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAW;IAE/B,8FAA8F;IAE9F,QAAQ,CAAC,UAAU,UAAS;IAE5B,uCAAuC;IAEvC,QAAQ,CAAC,WAAW,UAAS;IAC7B,uCAAuC;IAEvC,QAAQ,CAAC,SAAS,UAAS;IAElB,MAAM;IAmCf,OAAO,CAAC,WAAW;CAYpB;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,IAAI,CAAC;KAClB;CACF"}
@@ -1,4 +1,4 @@
1
- import{_ as e,a as r,b as t,c as a,d as i}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as o,t as d,r as l,n as s}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as c,x as n}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as h}from"../../../vendor/lit-element-m-OqzV5s.js";var p=o`*,
1
+ import{_ as e,a as r,b as t,c as a,d as i}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as o,t as d,r as l,n as c}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as s,x as n}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as h}from"../../../vendor/lit-element-m-OqzV5s.js";var p=o`*,
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
@@ -109,9 +109,9 @@ import{_ as e,a as r,b as t,c as a,d as i}from"../../../vendor/tslib-Ac8XvvSX.js
109
109
  .card-highlight {
110
110
  background: var(--kd-color-background-highlight-fill);
111
111
  color: var(--kd-color-text-level-primary);
112
- }`;let g=(()=>{var o,g,b,k,u,v,m;let f,w,x,y,C,B,S,M,W,$=[d("kyn-card")],j=[],E=h,O=[],_=[],z=[],P=[],q=[],A=[],D=[],F=[],G=[],H=[],I=[],J=[],K=[],L=[];return w=class extends E{get type(){return a(this,o,"f")}set type(e){i(this,o,e,"f")}get href(){return a(this,g,"f")}set href(e){i(this,g,e,"f")}get rel(){return a(this,b,"f")}set rel(e){i(this,b,e,"f")}get target(){return a(this,k,"f")}set target(e){i(this,k,e,"f")}get hideBorder(){return a(this,u,"f")}set hideBorder(e){i(this,u,e,"f")}get aiConnected(){return a(this,v,"f")}set aiConnected(e){i(this,v,e,"f")}get highlight(){return a(this,m,"f")}set highlight(e){i(this,m,e,"f")}render(){const e={"card-wrapper-clickable":!0,"card-border":!1===this.hideBorder,"ai-Connected":this.aiConnected,"card-highlight":this.highlight,"ai-highlight":this.aiConnected&&this.highlight},r={"card-wrapper":!0,"ai-Connected":this.aiConnected,"card-highlight":this.highlight,"ai-highlight":this.aiConnected&&this.highlight};return n`${"clickable"===this.type?n`<a
112
+ }`;let b=(()=>{var o,b,g,k,u,v,m;let f,w,x,y,C,B,S,M,W,$=[d("kyn-card")],j=[],E=h,O=[],P=[],_=[],z=[],D=[],q=[],A=[],F=[],G=[],H=[],I=[],J=[],K=[],L=[];return w=class extends E{get type(){return a(this,o,"f")}set type(e){i(this,o,e,"f")}get href(){return a(this,b,"f")}set href(e){i(this,b,e,"f")}get rel(){return a(this,g,"f")}set rel(e){i(this,g,e,"f")}get target(){return a(this,k,"f")}set target(e){i(this,k,e,"f")}get hideBorder(){return a(this,u,"f")}set hideBorder(e){i(this,u,e,"f")}get aiConnected(){return a(this,v,"f")}set aiConnected(e){i(this,v,e,"f")}get highlight(){return a(this,m,"f")}set highlight(e){i(this,m,e,"f")}render(){const e={"card-wrapper-clickable":!0,"card-border":!1===this.hideBorder,"ai-Connected":this.aiConnected,"card-highlight":this.highlight,"ai-highlight":this.aiConnected&&this.highlight},r={"card-wrapper":!0,"ai-Connected":this.aiConnected,"card-highlight":this.highlight,"ai-highlight":this.aiConnected&&this.highlight};return n`${"clickable"===this.type?n`<a
113
113
  part="card-wrapper"
114
- class="${c(e)}"
114
+ class="${s(e)}"
115
115
  href=${this.href}
116
116
  target=${this.target}
117
117
  rel=${this.rel}
@@ -120,8 +120,8 @@ import{_ as e,a as r,b as t,c as a,d as i}from"../../../vendor/tslib-Ac8XvvSX.js
120
120
  <slot></slot>
121
121
  </a>`:n`<div
122
122
  part="card-wrapper"
123
- class="${c(r)}"
123
+ class="${s(r)}"
124
124
  >
125
125
  <slot></slot>
126
- </div>`} `}handleClick(e){const r=new CustomEvent("on-card-click",{detail:{origEvent:e}});this.dispatchEvent(r)}constructor(){super(...arguments),o.set(this,t(this,O,"normal")),g.set(this,(t(this,_),t(this,z,""))),b.set(this,(t(this,P),t(this,q,""))),k.set(this,(t(this,A),t(this,D,"_self"))),u.set(this,(t(this,F),t(this,G,!1))),v.set(this,(t(this,H),t(this,I,!1))),m.set(this,(t(this,J),t(this,K,!1))),t(this,L)}},o=new WeakMap,g=new WeakMap,b=new WeakMap,k=new WeakMap,u=new WeakMap,v=new WeakMap,m=new WeakMap,e(w,"Card"),(()=>{var e;const t="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=E[Symbol.metadata])&&void 0!==e?e:null):void 0;x=[s({type:String})],y=[s({type:String})],C=[s({type:String})],B=[s({type:String})],S=[s({type:Boolean})],M=[s({type:Boolean})],W=[s({type:Boolean})],r(w,null,x,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,r)=>{e.type=r}},metadata:t},O,_),r(w,null,y,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:e=>"href"in e,get:e=>e.href,set:(e,r)=>{e.href=r}},metadata:t},z,P),r(w,null,C,{kind:"accessor",name:"rel",static:!1,private:!1,access:{has:e=>"rel"in e,get:e=>e.rel,set:(e,r)=>{e.rel=r}},metadata:t},q,A),r(w,null,B,{kind:"accessor",name:"target",static:!1,private:!1,access:{has:e=>"target"in e,get:e=>e.target,set:(e,r)=>{e.target=r}},metadata:t},D,F),r(w,null,S,{kind:"accessor",name:"hideBorder",static:!1,private:!1,access:{has:e=>"hideBorder"in e,get:e=>e.hideBorder,set:(e,r)=>{e.hideBorder=r}},metadata:t},G,H),r(w,null,M,{kind:"accessor",name:"aiConnected",static:!1,private:!1,access:{has:e=>"aiConnected"in e,get:e=>e.aiConnected,set:(e,r)=>{e.aiConnected=r}},metadata:t},I,J),r(w,null,W,{kind:"accessor",name:"highlight",static:!1,private:!1,access:{has:e=>"highlight"in e,get:e=>e.highlight,set:(e,r)=>{e.highlight=r}},metadata:t},K,L),r(null,f={value:w},$,{kind:"class",name:w.name,metadata:t},null,j),w=f.value,t&&Object.defineProperty(w,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),w.styles=l(p),t(w,j),w})();export{g as Card};
126
+ </div>`} `}handleClick(e){const r=new CustomEvent("on-card-click",{detail:{origEvent:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r)&&!r.defaultPrevented||e.preventDefault()}constructor(){super(...arguments),o.set(this,t(this,O,"normal")),b.set(this,(t(this,P),t(this,_,""))),g.set(this,(t(this,z),t(this,D,""))),k.set(this,(t(this,q),t(this,A,"_self"))),u.set(this,(t(this,F),t(this,G,!1))),v.set(this,(t(this,H),t(this,I,!1))),m.set(this,(t(this,J),t(this,K,!1))),t(this,L)}},o=new WeakMap,b=new WeakMap,g=new WeakMap,k=new WeakMap,u=new WeakMap,v=new WeakMap,m=new WeakMap,e(w,"Card"),(()=>{var e;const t="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=E[Symbol.metadata])&&void 0!==e?e:null):void 0;x=[c({type:String})],y=[c({type:String})],C=[c({type:String})],B=[c({type:String})],S=[c({type:Boolean})],M=[c({type:Boolean})],W=[c({type:Boolean})],r(w,null,x,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,r)=>{e.type=r}},metadata:t},O,P),r(w,null,y,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:e=>"href"in e,get:e=>e.href,set:(e,r)=>{e.href=r}},metadata:t},_,z),r(w,null,C,{kind:"accessor",name:"rel",static:!1,private:!1,access:{has:e=>"rel"in e,get:e=>e.rel,set:(e,r)=>{e.rel=r}},metadata:t},D,q),r(w,null,B,{kind:"accessor",name:"target",static:!1,private:!1,access:{has:e=>"target"in e,get:e=>e.target,set:(e,r)=>{e.target=r}},metadata:t},A,F),r(w,null,S,{kind:"accessor",name:"hideBorder",static:!1,private:!1,access:{has:e=>"hideBorder"in e,get:e=>e.hideBorder,set:(e,r)=>{e.hideBorder=r}},metadata:t},G,H),r(w,null,M,{kind:"accessor",name:"aiConnected",static:!1,private:!1,access:{has:e=>"aiConnected"in e,get:e=>e.aiConnected,set:(e,r)=>{e.aiConnected=r}},metadata:t},I,J),r(w,null,W,{kind:"accessor",name:"highlight",static:!1,private:!1,access:{has:e=>"highlight"in e,get:e=>e.highlight,set:(e,r)=>{e.highlight=r}},metadata:t},K,L),r(null,f={value:w},$,{kind:"class",name:w.name,metadata:t},null,j),w=f.value,t&&Object.defineProperty(w,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),w.styles=l(p),t(w,j),w})();export{b as Card};
127
127
  //# 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';\n\nimport CardScss from './card.scss?inline';\n\n/**\n * Card.\n * @fires on-card-click - Captures the click event of clickable card and emits the original event details. Use `e.stopPropogation()` / `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 * @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 */\n\n@customElement('kyn-card')\nexport class Card extends LitElement {\n static override styles = unsafeCSS(CardScss);\n\n /** Card Type. `'normal'` & `'clickable'` */\n @property({ type: String })\n accessor type = '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'` (deafult), `'_blank'`, `'_parent`', `'_top'` */\n @property({ type: String })\n accessor target: any = '_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 /** Set this to `true` for AI theme. */\n @property({ type: Boolean })\n accessor aiConnected = false;\n /** Set this to `true` for highlight */\n @property({ type: Boolean })\n accessor highlight = false;\n\n override render() {\n const cardWrapperClasses = {\n 'card-wrapper-clickable': true,\n 'card-border': this.hideBorder === false,\n 'ai-Connected': this.aiConnected,\n 'card-highlight': this.highlight,\n 'ai-highlight': this.aiConnected && this.highlight,\n };\n\n const cardWrapperDefaultClasses = {\n 'card-wrapper': true,\n 'ai-Connected': this.aiConnected,\n 'card-highlight': this.highlight,\n 'ai-highlight': this.aiConnected && this.highlight,\n };\n\n return html`${this.type === 'clickable'\n ? html`<a\n part=\"card-wrapper\"\n class=\"${classMap(cardWrapperClasses)}\"\n href=${this.href}\n target=${this.target}\n rel=${this.rel}\n @click=${(e: Event) => this.handleClick(e)}\n >\n <slot></slot>\n </a>`\n : html`<div\n part=\"card-wrapper\"\n class=\"${classMap(cardWrapperDefaultClasses)}\"\n >\n <slot></slot>\n </div>`} `;\n }\n\n private handleClick(e: Event) {\n const event = new CustomEvent('on-card-click', {\n detail: { origEvent: e },\n });\n this.dispatchEvent(event);\n }\n}\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-card': Card;\n }\n}\n"],"names":["Card","customElement","LitElement","_classThis","_classSuper","type","__classPrivateFieldGet","this","_Card_type_accessor_storage","value","__classPrivateFieldSet","href","_Card_href_accessor_storage","rel","_Card_rel_accessor_storage","target","_Card_target_accessor_storage","hideBorder","_Card_hideBorder_accessor_storage","aiConnected","_Card_aiConnected_accessor_storage","highlight","_Card_highlight_accessor_storage","render","cardWrapperClasses","cardWrapperDefaultClasses","html","classMap","e","handleClick","event","CustomEvent","detail","origEvent","dispatchEvent","set","__runInitializers","_type_initializers","_type_extraInitializers","_href_initializers","_href_extraInitializers","_rel_initializers","_rel_extraInitializers","_target_initializers","_target_extraInitializers","_hideBorder_initializers","_hideBorder_extraInitializers","_aiConnected_initializers","_aiConnected_extraInitializers","_highlight_initializers","_type_decorators","property","String","_href_decorators","_rel_decorators","_target_decorators","_hideBorder_decorators","Boolean","_aiConnected_decorators","_highlight_decorators","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","_highlight_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","CardScss"],"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';\n\nimport CardScss from './card.scss?inline';\n\n/**\n * Card.\n * @fires on-card-click - Captures the click event of clickable card and emits the original event details. Use `e.stopPropogation()` / `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 * @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 */\n\n@customElement('kyn-card')\nexport class Card extends LitElement {\n static override styles = unsafeCSS(CardScss);\n\n /** Card Type. `'normal'` & `'clickable'` */\n @property({ type: String })\n accessor type = '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'` (deafult), `'_blank'`, `'_parent`', `'_top'` */\n @property({ type: String })\n accessor target: any = '_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 /** Set this to `true` for AI theme. */\n @property({ type: Boolean })\n accessor aiConnected = false;\n /** Set this to `true` for highlight */\n @property({ type: Boolean })\n accessor highlight = false;\n\n override render() {\n const cardWrapperClasses = {\n 'card-wrapper-clickable': true,\n 'card-border': this.hideBorder === false,\n 'ai-Connected': this.aiConnected,\n 'card-highlight': this.highlight,\n 'ai-highlight': this.aiConnected && this.highlight,\n };\n\n const cardWrapperDefaultClasses = {\n 'card-wrapper': true,\n 'ai-Connected': this.aiConnected,\n 'card-highlight': this.highlight,\n 'ai-highlight': this.aiConnected && this.highlight,\n };\n\n return html`${this.type === 'clickable'\n ? html`<a\n part=\"card-wrapper\"\n class=\"${classMap(cardWrapperClasses)}\"\n href=${this.href}\n target=${this.target}\n rel=${this.rel}\n @click=${(e: Event) => this.handleClick(e)}\n >\n <slot></slot>\n </a>`\n : html`<div\n part=\"card-wrapper\"\n class=\"${classMap(cardWrapperDefaultClasses)}\"\n >\n <slot></slot>\n </div>`} `;\n }\n\n private handleClick(e: Event) {\n const event = new CustomEvent('on-card-click', {\n detail: { origEvent: e },\n bubbles: true,\n composed: true,\n cancelable: true,\n });\n const dispatchResult = this.dispatchEvent(event);\n if (!dispatchResult || event.defaultPrevented) {\n e.preventDefault();\n }\n }\n}\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-card': Card;\n }\n}\n"],"names":["Card","customElement","LitElement","_classThis","_classSuper","type","__classPrivateFieldGet","this","_Card_type_accessor_storage","value","__classPrivateFieldSet","href","_Card_href_accessor_storage","rel","_Card_rel_accessor_storage","target","_Card_target_accessor_storage","hideBorder","_Card_hideBorder_accessor_storage","aiConnected","_Card_aiConnected_accessor_storage","highlight","_Card_highlight_accessor_storage","render","cardWrapperClasses","cardWrapperDefaultClasses","html","classMap","e","handleClick","event","CustomEvent","detail","origEvent","bubbles","composed","cancelable","dispatchEvent","defaultPrevented","preventDefault","set","__runInitializers","_type_initializers","_type_extraInitializers","_href_initializers","_href_extraInitializers","_rel_initializers","_rel_extraInitializers","_target_initializers","_target_extraInitializers","_hideBorder_initializers","_hideBorder_extraInitializers","_aiConnected_initializers","_aiConnected_extraInitializers","_highlight_initializers","_type_decorators","property","String","_href_decorators","_rel_decorators","_target_decorators","_hideBorder_decorators","Boolean","_aiConnected_decorators","_highlight_decorators","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","_highlight_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","CardScss"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kyndryl-design-system/shidoka-applications",
3
- "version": "2.58.4",
3
+ "version": "2.58.5",
4
4
  "description": "Shidoka Web Components for Applications",
5
5
  "license": "MIT",
6
6
  "main": "index.js",