npm - @kyndryl-design-system/shidoka-applications - Versions diffs - 2.109.5 → 2.109.7 - Mend

@kyndryl-design-system/shidoka-applications 2.109.5 → 2.109.7

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.

Files changed (6) hide show

package/components/reusable/progressBar/progressBar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/progressBar/progressBar.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAKlD,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AAcpB;;;GAGG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgC;IAEtD,8DAA8D;IAE9D,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,qEAAqE;IAErE,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,yFAAyF;IAEzF,QAAQ,CAAC,aAAa,SAAM;IAE5B,qCAAqC;IAErC,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAY;IAEvE,+DAA+D;IAE/D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,6BAA6B;IAE7B,QAAQ,CAAC,GAAG,SAAO;IAEnB,wCAAwC;IAExC,QAAQ,CAAC,KAAK,SAAM;IAEpB,8EAA8E;IAE9E,QAAQ,CAAC,UAAU,SAAM;IAEzB,mEAAmE;IAEnE,QAAQ,CAAC,IAAI,SAAM;IAEnB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B,0CAA0C;IAE1C,QAAQ,CAAC,mBAAmB,UAAS;IAErC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAK;IAEjC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAK;IAE/B;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;IAE1C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAuB;IAEvC,MAAM;IA6Bf,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,sBAAsB;~~IAqB9B~~,OAAO,CAAC,wBAAwB;IAgCvB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAQpD,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAOd,oBAAoB;CAI9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}
1	+ {"version":3,"file":"progressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/progressBar/progressBar.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAKlD,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AAcpB;;;GAGG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgC;IAEtD,8DAA8D;IAE9D,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,qEAAqE;IAErE,QAAQ,CAAC,oBAAoB,UAAS;IAEtC,yFAAyF;IAEzF,QAAQ,CAAC,aAAa,SAAM;IAE5B,qCAAqC;IAErC,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAY;IAEvE,+DAA+D;IAE/D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,6BAA6B;IAE7B,QAAQ,CAAC,GAAG,SAAO;IAEnB,wCAAwC;IAExC,QAAQ,CAAC,KAAK,SAAM;IAEpB,8EAA8E;IAE9E,QAAQ,CAAC,UAAU,SAAM;IAEzB,mEAAmE;IAEnE,QAAQ,CAAC,IAAI,SAAM;IAEnB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B,0CAA0C;IAE1C,QAAQ,CAAC,mBAAmB,UAAS;IAErC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAK;IAEjC;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAK;IAE/B;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;IAE1C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAuB;IAEvC,MAAM;IA6Bf,OAAO,CAAC,iBAAiB;IAoCzB,OAAO,CAAC,sBAAsB;IAwB9B,OAAO,CAAC,wBAAwB;IAgCvB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAQpD,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAOd,oBAAoB;CAI9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}

package/components/reusable/progressBar/progressBar.js CHANGED Viewed

@@ -563,7 +563,12 @@ textarea:not([disabled])[invalid] {
   padding: 0;
   margin: 0;
 }
-.progress-bar__upper-container.sr-only {
+.progress-bar__label {
+  display: flex;
+  align-items: center;
+  margin: 0;
+}
+.progress-bar__label.sr-only {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
@@ -575,11 +580,6 @@ textarea:not([disabled])[invalid] {
   white-space: nowrap;
   width: 1px;
 }
-.progress-bar__label {
-  display: flex;
-  align-items: center;
-  margin: 0;
-}
 .progress-bar__helper-text {
   margin: 0;
   line-height: 16px;
@@ -600,6 +600,7 @@ textarea:not([disabled])[invalid] {
   align-items: center;
   padding-right: 2px;
   line-height: 1;
+  margin-left: auto;
 }
 @media (min-width: 42rem) {
   .progress-bar__status-icon {
@@ -757,10 +758,11 @@ textarea:not([disabled])[invalid] {
         </div>
       </div>
     `}renderProgressBarLabel(e,t){return d`
-      <div
-        class="progress-bar__upper-container${this.hideLabel?" sr-only":""}"
-      >
-        <label class="progress-bar__label label-text" for=${this.progressBarId}>
+      <div class="progress-bar__upper-container">
+        <label
+          class="progress-bar__label label-text ${this.hideLabel?" sr-only":""}"
+          for=${this.progressBarId}
+        >
           <span>${this.label}</span>
           <slot name="unnamed"></slot>
         </label>

package/components/reusable/progressBar/progressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progressBar.js","sources":["../../../../src/components/reusable/progressBar/progressBar.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../loaders';\nimport '../tooltip';\nimport checkmarkIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\n\nimport ProgressBarStyles from './progressBar.scss?inline';\n\nenum ProgressStatus {\n ACTIVE = 'active',\n SUCCESS = 'success',\n ERROR = 'error',\n WARNING = 'warning',\n}\n\n/*\n Progress bar component.\n * @slot unnamed - Slot for tooltip text content.\n /\n@customElement('kyn-progress-bar')\nexport class ProgressBar extends LitElement {\n static override styles = unsafeCSS(ProgressBarStyles);\n\n /* Sets visibility of optional inline load status spinner. /\n @property({ type: Boolean })\n accessor showInlineLoadStatus = false;\n\n /* Controls whether to show default helper text for active state. /\n @property({ type: Boolean })\n accessor showActiveHelperText = false;\n\n /* Sets progress bar html id property for accessibility (ex: `example-progress-bar`). /\n @property({ type: String })\n accessor progressBarId = '';\n\n /* Sets progress bar status mode. /\n @property({ type: String })\n accessor status: 'active' \| 'success' \| 'warning' \| 'error' = 'active';\n\n /* Sets initial progress bar value (optionally hard-coded). /\n @property({ type: Number })\n accessor value: number \| null = null;\n\n /* Sets manual max value. /\n @property({ type: Number })\n accessor max = 100;\n\n /* Sets optional progress bar label. /\n @property({ type: String })\n accessor label = '';\n\n /* Sets optional helper text that appears underneath progress bar element. /\n @property({ type: String })\n accessor helperText = '';\n\n /* Sets the unit for progress measurement (ex: 'MB', 'GB', '%') /\n @property({ type: String })\n accessor unit = '';\n\n /* Visually hide the label. /\n @property({ type: Boolean })\n accessor hideLabel = false;\n\n /* Sets visibility of percentage value./\n @property({ type: Boolean })\n accessor hidePercentageValue = false;\n\n /* Incrementing percentage count value.\n * @internal\n /\n @state()\n private accessor _percentage = 0;\n\n /* Increments animated movement in progress bar.\n * @internal\n /\n @state()\n private accessor _progress = 0;\n\n /* Value set to indicate absence of value and max to identify indeterminate state.\n * @internal\n /\n @state()\n private accessor _isIndeterminate = false;\n\n /* Controls timeout interval for incremented bar animation.\n * @internal\n /\n private _animationFrameId: number \| null = null;\n\n override render() {\n const currentValue =\n this.status === ProgressStatus.ACTIVE ? this._progress : this.value;\n const currentStatus = this.getCurrentStatus(currentValue);\n const helperText = this.getHelperText();\n\n this._isIndeterminate =\n currentValue === null \|\|\n currentValue === undefined \|\|\n this.max === null \|\|\n this.max === undefined;\n\n this._percentage = this.max\n ? Math.round((this._progress / this.max) 100)\n : 0;\n\n return html`\n ${this.renderProgressBarLabel(currentStatus, currentValue)}\n ${this.renderProgressBar(currentStatus, currentValue)}\n ${helperText\n ? html`<div\n class=${`progress-bar__helper-text options-text ${currentStatus}`}\n >\n ${helperText}\n </div>`\n : null}\n `;\n }\n\n private renderProgressBar(\n currentStatus: ProgressStatus,\n currentValue: number \| null\n ) {\n const resolvedValue =\n currentStatus === ProgressStatus.ACTIVE ? currentValue : this.max;\n\n const widthStyle = this._isIndeterminate\n ? 'width: 55px;'\n : (currentStatus === ProgressStatus.ERROR \|\|\n currentStatus === ProgressStatus.WARNING) &&\n currentValue != null\n ? `width: ${currentValue}%`\n : `width: ${this._percentage}%`;\n\n return html`\n <div\n id=${this.progressBarId}\n class=\"progress-bar__container\"\n role=\"progressbar\"\n aria-valuemin=${ifDefined(this.value ?? 0)}\n aria-valuemax=${ifDefined(this.max ?? 100)}\n aria-valuenow=${ifDefined(Number(resolvedValue))}\n aria-valuetext=${`${resolvedValue}% complete`}\n aria-label=${this.label}\n >\n <div class=\"progress-bar__background\">\n <div\n class=${classMap(this.getProgressBarClasses(currentStatus))}\n style=${widthStyle}\n ></div>\n </div>\n </div>\n `;\n }\n\n private renderProgressBarLabel(\n currentStatus: ProgressStatus,\n currentValue: number \| null\n ) {\n return html`\n <div\n class=\"progress-bar__upper-container${this.hideLabel ? ' sr-only' : ''}\"\n >\n <label class=\"progress-bar__label label-text\" for=${this.progressBarId}>\n <span>${this.label}</span>\n <slot name=\"unnamed\"></slot>\n </label>\n ${!this._isIndeterminate\n ? html`<div class=\"progress-bar__status-icon\">\n ${this.renderStatusIconOrLoader(currentStatus, currentValue)}\n </div>`\n : null}\n </div>\n `;\n }\n\n private renderStatusIconOrLoader(\n currentStatus: ProgressStatus,\n currentValue: number \| null\n ) {\n const showPercentageValue = !this.hidePercentageValue;\n\n if (currentStatus !== ProgressStatus.ACTIVE) {\n return html`<p>\n ${showPercentageValue ? html`${this._percentage}%` : null}\n <span class=\"${currentStatus}-icon\"\n >${currentStatus === ProgressStatus.SUCCESS\n ? unsafeSVG(checkmarkIcon)\n : currentStatus === ProgressStatus.WARNING\n ? unsafeSVG(warningIcon)\n : unsafeSVG(errorIcon)}</span\n >\n </p>`;\n }\n\n const hardcodedProgressReached =\n currentValue != null && this.value != null && currentValue >= this.max;\n\n if (this.showInlineLoadStatus && !hardcodedProgressReached) {\n return html`<p>\n ${showPercentageValue ? html`<span>${this._percentage}%</span>` : null}\n <kyn-loader-inline status=\"active\"></kyn-loader-inline>\n </p>`;\n }\n\n return null;\n }\n\n override firstUpdated() {\n this.startProgress();\n }\n\n override updated(changedProperties: Map<string, any>) {\n if (changedProperties.has('status') \|\| changedProperties.has('value')) {\n this.cancelAnimation();\n\n this.startProgress();\n }\n }\n\n private getProgressBarClasses(status: ProgressStatus) {\n return {\n 'progress-bar__main': true,\n 'is-indeterminate': this._isIndeterminate,\n [`progress-bar__${status}`]: true,\n };\n }\n\n private getHelperText() {\n if (this.helperText) {\n return this.helperText;\n }\n\n if (this._isIndeterminate) {\n return '';\n }\n\n if (this.showActiveHelperText) {\n const progressValue = this._progress ?? 0;\n const maxValue = this.max ?? 0;\n const unit = this.unit \|\| '';\n\n return `${progressValue}${unit} of ${maxValue}${unit}`;\n }\n\n return '';\n }\n\n private getCurrentStatus(currentValue: number \| null): ProgressStatus {\n if (this.status === ProgressStatus.ERROR) {\n return ProgressStatus.ERROR;\n }\n\n if (this.status === ProgressStatus.WARNING) {\n return ProgressStatus.WARNING;\n }\n\n if (this.status === ProgressStatus.SUCCESS \|\| currentValue === this.max) {\n return ProgressStatus.SUCCESS;\n }\n\n return ProgressStatus.ACTIVE;\n }\n\n private startProgress() {\n this.cancelAnimation();\n\n const targetValue = this.value ?? this.max;\n const advancement = 1;\n\n const step = () => {\n const difference = targetValue - this._progress;\n const progressStep =\n Math.sign(difference) * Math.min(Math.abs(difference), advancement);\n\n if (Math.abs(difference) > 0.1) {\n this._progress += progressStep;\n this._animationFrameId = requestAnimationFrame(step);\n } else {\n this._progress = targetValue;\n this.cancelAnimation();\n }\n };\n\n step();\n }\n\n private cancelAnimation() {\n if (this._animationFrameId !== null) {\n cancelAnimationFrame(this._animationFrameId);\n this._animationFrameId = null;\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.cancelAnimation();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-progress-bar': ProgressBar;\n }\n}\n"],"names":["ProgressStatus","ProgressBar","customElement","LitElement","_classThis","_classSuper","_ProgressBar_showInlineLoadStatus_accessor_storage","set","this","__runInitializers","_showInlineLoadStatus_initializers","_ProgressBar_showActiveHelperText_accessor_storage","_showInlineLoadStatus_extraInitializers","_showActiveHelperText_initializers","_ProgressBar_progressBarId_accessor_storage","_showActiveHelperText_extraInitializers","_progressBarId_initializers","_ProgressBar_status_accessor_storage","_progressBarId_extraInitializers","_status_initializers","_ProgressBar_value_accessor_storage","_status_extraInitializers","_value_initializers","_ProgressBar_max_accessor_storage","_value_extraInitializers","_max_initializers","_ProgressBar_label_accessor_storage","_max_extraInitializers","_label_initializers","_ProgressBar_helperText_accessor_storage","_label_extraInitializers","_helperText_initializers","_ProgressBar_unit_accessor_storage","_helperText_extraInitializers","_unit_initializers","_ProgressBar_hideLabel_accessor_storage","_unit_extraInitializers","_hideLabel_initializers","_ProgressBar_hidePercentageValue_accessor_storage","_hideLabel_extraInitializers","_hidePercentageValue_initializers","_ProgressBar__percentage_accessor_storage","_hidePercentageValue_extraInitializers","__percentage_initializers","_ProgressBar__progress_accessor_storage","__percentage_extraInitializers","__progress_initializers","_ProgressBar__isIndeterminate_accessor_storage","__progress_extraInitializers","__isIndeterminate_initializers","_animationFrameId","__isIndeterminate_extraInitializers","showInlineLoadStatus","__classPrivateFieldGet","value","__classPrivateFieldSet","showActiveHelperText","progressBarId","status","max","label","helperText","unit","hideLabel","hidePercentageValue","_percentage","_progress","_isIndeterminate","render","currentValue","ACTIVE","currentStatus","getCurrentStatus","getHelperText","undefined","Math","round","html","renderProgressBarLabel","renderProgressBar","resolvedValue","widthStyle","ERROR","WARNING","ifDefined","_a","_b","Number","classMap","getProgressBarClasses","renderStatusIconOrLoader","showPercentageValue","SUCCESS","unsafeSVG","checkmarkIcon","warningIcon","errorIcon","hardcodedProgressReached","firstUpdated","startProgress","updated","changedProperties","has","cancelAnimation","progressValue","maxValue","targetValue","step","difference","progressStep","sign","min","abs","requestAnimationFrame","cancelAnimationFrame","disconnectedCallback","super","_showInlineLoadStatus_decorators","property","type","Boolean","_showActiveHelperText_decorators","_progressBarId_decorators","String","_status_decorators","_value_decorators","_max_decorators","_label_decorators","_helperText_decorators","_unit_decorators","_hideLabel_decorators","_hidePercentageValue_decorators","__percentage_decorators","state","__progress_decorators","__isIndeterminate_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","ProgressBarStyles"],"mappings":"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"}
1	+ {"version":3,"file":"progressBar.js","sources":["../../../../src/components/reusable/progressBar/progressBar.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../loaders';\nimport '../tooltip';\nimport checkmarkIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\n\nimport ProgressBarStyles from './progressBar.scss?inline';\n\nenum ProgressStatus {\n ACTIVE = 'active',\n SUCCESS = 'success',\n ERROR = 'error',\n WARNING = 'warning',\n}\n\n/*\n Progress bar component.\n * @slot unnamed - Slot for tooltip text content.\n /\n@customElement('kyn-progress-bar')\nexport class ProgressBar extends LitElement {\n static override styles = unsafeCSS(ProgressBarStyles);\n\n /* Sets visibility of optional inline load status spinner. /\n @property({ type: Boolean })\n accessor showInlineLoadStatus = false;\n\n /* Controls whether to show default helper text for active state. /\n @property({ type: Boolean })\n accessor showActiveHelperText = false;\n\n /* Sets progress bar html id property for accessibility (ex: `example-progress-bar`). /\n @property({ type: String })\n accessor progressBarId = '';\n\n /* Sets progress bar status mode. /\n @property({ type: String })\n accessor status: 'active' \| 'success' \| 'warning' \| 'error' = 'active';\n\n /* Sets initial progress bar value (optionally hard-coded). /\n @property({ type: Number })\n accessor value: number \| null = null;\n\n /* Sets manual max value. /\n @property({ type: Number })\n accessor max = 100;\n\n /* Sets optional progress bar label. /\n @property({ type: String })\n accessor label = '';\n\n /* Sets optional helper text that appears underneath progress bar element. /\n @property({ type: String })\n accessor helperText = '';\n\n /* Sets the unit for progress measurement (ex: 'MB', 'GB', '%') /\n @property({ type: String })\n accessor unit = '';\n\n /* Visually hide the label. /\n @property({ type: Boolean })\n accessor hideLabel = false;\n\n /* Sets visibility of percentage value./\n @property({ type: Boolean })\n accessor hidePercentageValue = false;\n\n /* Incrementing percentage count value.\n * @internal\n /\n @state()\n private accessor _percentage = 0;\n\n /* Increments animated movement in progress bar.\n * @internal\n /\n @state()\n private accessor _progress = 0;\n\n /* Value set to indicate absence of value and max to identify indeterminate state.\n * @internal\n /\n @state()\n private accessor _isIndeterminate = false;\n\n /* Controls timeout interval for incremented bar animation.\n * @internal\n /\n private _animationFrameId: number \| null = null;\n\n override render() {\n const currentValue =\n this.status === ProgressStatus.ACTIVE ? this._progress : this.value;\n const currentStatus = this.getCurrentStatus(currentValue);\n const helperText = this.getHelperText();\n\n this._isIndeterminate =\n currentValue === null \|\|\n currentValue === undefined \|\|\n this.max === null \|\|\n this.max === undefined;\n\n this._percentage = this.max\n ? Math.round((this._progress / this.max) 100)\n : 0;\n\n return html`\n ${this.renderProgressBarLabel(currentStatus, currentValue)}\n ${this.renderProgressBar(currentStatus, currentValue)}\n ${helperText\n ? html`<div\n class=${`progress-bar__helper-text options-text ${currentStatus}`}\n >\n ${helperText}\n </div>`\n : null}\n `;\n }\n\n private renderProgressBar(\n currentStatus: ProgressStatus,\n currentValue: number \| null\n ) {\n const resolvedValue =\n currentStatus === ProgressStatus.ACTIVE ? currentValue : this.max;\n\n const widthStyle = this._isIndeterminate\n ? 'width: 55px;'\n : (currentStatus === ProgressStatus.ERROR \|\|\n currentStatus === ProgressStatus.WARNING) &&\n currentValue != null\n ? `width: ${currentValue}%`\n : `width: ${this._percentage}%`;\n\n return html`\n <div\n id=${this.progressBarId}\n class=\"progress-bar__container\"\n role=\"progressbar\"\n aria-valuemin=${ifDefined(this.value ?? 0)}\n aria-valuemax=${ifDefined(this.max ?? 100)}\n aria-valuenow=${ifDefined(Number(resolvedValue))}\n aria-valuetext=${`${resolvedValue}% complete`}\n aria-label=${this.label}\n >\n <div class=\"progress-bar__background\">\n <div\n class=${classMap(this.getProgressBarClasses(currentStatus))}\n style=${widthStyle}\n ></div>\n </div>\n </div>\n `;\n }\n\n private renderProgressBarLabel(\n currentStatus: ProgressStatus,\n currentValue: number \| null\n ) {\n return html`\n <div class=\"progress-bar__upper-container\">\n <label\n class=\"progress-bar__label label-text ${this.hideLabel\n ? ' sr-only'\n : ''}\"\n for=${this.progressBarId}\n >\n <span>${this.label}</span>\n <slot name=\"unnamed\"></slot>\n </label>\n ${!this._isIndeterminate\n ? html`<div class=\"progress-bar__status-icon\">\n ${this.renderStatusIconOrLoader(currentStatus, currentValue)}\n </div>`\n : null}\n </div>\n `;\n }\n\n private renderStatusIconOrLoader(\n currentStatus: ProgressStatus,\n currentValue: number \| null\n ) {\n const showPercentageValue = !this.hidePercentageValue;\n\n if (currentStatus !== ProgressStatus.ACTIVE) {\n return html`<p>\n ${showPercentageValue ? html`${this._percentage}%` : null}\n <span class=\"${currentStatus}-icon\"\n >${currentStatus === ProgressStatus.SUCCESS\n ? unsafeSVG(checkmarkIcon)\n : currentStatus === ProgressStatus.WARNING\n ? unsafeSVG(warningIcon)\n : unsafeSVG(errorIcon)}</span\n >\n </p>`;\n }\n\n const hardcodedProgressReached =\n currentValue != null && this.value != null && currentValue >= this.max;\n\n if (this.showInlineLoadStatus && !hardcodedProgressReached) {\n return html`<p>\n ${showPercentageValue ? html`<span>${this._percentage}%</span>` : null}\n <kyn-loader-inline status=\"active\"></kyn-loader-inline>\n </p>`;\n }\n\n return null;\n }\n\n override firstUpdated() {\n this.startProgress();\n }\n\n override updated(changedProperties: Map<string, any>) {\n if (changedProperties.has('status') \|\| changedProperties.has('value')) {\n this.cancelAnimation();\n\n this.startProgress();\n }\n }\n\n private getProgressBarClasses(status: ProgressStatus) {\n return {\n 'progress-bar__main': true,\n 'is-indeterminate': this._isIndeterminate,\n [`progress-bar__${status}`]: true,\n };\n }\n\n private getHelperText() {\n if (this.helperText) {\n return this.helperText;\n }\n\n if (this._isIndeterminate) {\n return '';\n }\n\n if (this.showActiveHelperText) {\n const progressValue = this._progress ?? 0;\n const maxValue = this.max ?? 0;\n const unit = this.unit \|\| '';\n\n return `${progressValue}${unit} of ${maxValue}${unit}`;\n }\n\n return '';\n }\n\n private getCurrentStatus(currentValue: number \| null): ProgressStatus {\n if (this.status === ProgressStatus.ERROR) {\n return ProgressStatus.ERROR;\n }\n\n if (this.status === ProgressStatus.WARNING) {\n return ProgressStatus.WARNING;\n }\n\n if (this.status === ProgressStatus.SUCCESS \|\| currentValue === this.max) {\n return ProgressStatus.SUCCESS;\n }\n\n return ProgressStatus.ACTIVE;\n }\n\n private startProgress() {\n this.cancelAnimation();\n\n const targetValue = this.value ?? this.max;\n const advancement = 1;\n\n const step = () => {\n const difference = targetValue - this._progress;\n const progressStep =\n Math.sign(difference) * Math.min(Math.abs(difference), advancement);\n\n if (Math.abs(difference) > 0.1) {\n this._progress += progressStep;\n this._animationFrameId = requestAnimationFrame(step);\n } else {\n this._progress = targetValue;\n this.cancelAnimation();\n }\n };\n\n step();\n }\n\n private cancelAnimation() {\n if (this._animationFrameId !== null) {\n cancelAnimationFrame(this._animationFrameId);\n this._animationFrameId = null;\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.cancelAnimation();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-progress-bar': ProgressBar;\n }\n}\n"],"names":["ProgressStatus","ProgressBar","customElement","LitElement","_classThis","_classSuper","_ProgressBar_showInlineLoadStatus_accessor_storage","set","this","__runInitializers","_showInlineLoadStatus_initializers","_ProgressBar_showActiveHelperText_accessor_storage","_showInlineLoadStatus_extraInitializers","_showActiveHelperText_initializers","_ProgressBar_progressBarId_accessor_storage","_showActiveHelperText_extraInitializers","_progressBarId_initializers","_ProgressBar_status_accessor_storage","_progressBarId_extraInitializers","_status_initializers","_ProgressBar_value_accessor_storage","_status_extraInitializers","_value_initializers","_ProgressBar_max_accessor_storage","_value_extraInitializers","_max_initializers","_ProgressBar_label_accessor_storage","_max_extraInitializers","_label_initializers","_ProgressBar_helperText_accessor_storage","_label_extraInitializers","_helperText_initializers","_ProgressBar_unit_accessor_storage","_helperText_extraInitializers","_unit_initializers","_ProgressBar_hideLabel_accessor_storage","_unit_extraInitializers","_hideLabel_initializers","_ProgressBar_hidePercentageValue_accessor_storage","_hideLabel_extraInitializers","_hidePercentageValue_initializers","_ProgressBar__percentage_accessor_storage","_hidePercentageValue_extraInitializers","__percentage_initializers","_ProgressBar__progress_accessor_storage","__percentage_extraInitializers","__progress_initializers","_ProgressBar__isIndeterminate_accessor_storage","__progress_extraInitializers","__isIndeterminate_initializers","_animationFrameId","__isIndeterminate_extraInitializers","showInlineLoadStatus","__classPrivateFieldGet","value","__classPrivateFieldSet","showActiveHelperText","progressBarId","status","max","label","helperText","unit","hideLabel","hidePercentageValue","_percentage","_progress","_isIndeterminate","render","currentValue","ACTIVE","currentStatus","getCurrentStatus","getHelperText","undefined","Math","round","html","renderProgressBarLabel","renderProgressBar","resolvedValue","widthStyle","ERROR","WARNING","ifDefined","_a","_b","Number","classMap","getProgressBarClasses","renderStatusIconOrLoader","showPercentageValue","SUCCESS","unsafeSVG","checkmarkIcon","warningIcon","errorIcon","hardcodedProgressReached","firstUpdated","startProgress","updated","changedProperties","has","cancelAnimation","progressValue","maxValue","targetValue","step","difference","progressStep","sign","min","abs","requestAnimationFrame","cancelAnimationFrame","disconnectedCallback","super","_showInlineLoadStatus_decorators","property","type","Boolean","_showActiveHelperText_decorators","_progressBarId_decorators","String","_status_decorators","_value_decorators","_max_decorators","_label_decorators","_helperText_decorators","_unit_decorators","_hideLabel_decorators","_hidePercentageValue_decorators","__percentage_decorators","state","__progress_decorators","__isIndeterminate_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","ProgressBarStyles"],"mappings":"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"}

package/components/reusable/table/table-cell.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{css as n,LitElement as r,unsafeCSS as d,html as o}from"lit";import{customElement as l,property as h,state as m}from"lit/decorators.js";import{ContextConsumer as c}from"@lit/context";import{tableContext as g}from"./table-context.js";import{TABLE_CELL_ALIGN as p}from"./defs.js";var f=n`*,
+import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPrivateFieldGet as a,__classPrivateFieldSet as s}from"tslib";import{css as n,LitElement as r,unsafeCSS as d,html as o}from"lit";import{customElement as l,property as h,state as m}from"lit/decorators.js";import{ContextConsumer as c}from"@lit/context";import{tableContext as p}from"./table-context.js";import{TABLE_CELL_ALIGN as g}from"./defs.js";var f=n`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -76,15 +76,23 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
 .slot-wrapper {
   display: inline-block;
+  width: 100%;
+  min-width: 0;
   max-width: 100%;
 }
-.slot-wrapper::slotted(*) {
+.slot-wrapper slot::slotted(*) {
   display: flex;
   min-width: 0;
   flex-shrink: 1;
 }
+.slot-wrapper slot::slotted(kyn-progress-bar) {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+}
 :host([align=left]) {
   text-align: left;
 }
@@ -124,9 +132,9 @@ import{__setFunctionName as t,__esDecorate as e,__runInitializers as i,__classPr
 :host(:last-child) {
   border-bottom-right-radius: var(--kyn-td-border-radius-br);
-}`;let k=(()=>{var n,k,b,u,y,w,v,x,W;let z,C,M,S,j,_,P,B,O,T,E,F=[l("kyn-td")],L=[],q=r,A=[],D=[],G=[],H=[],I=[],J=[],K=[],N=[],Q=[],R=[],U=[],V=[],X=[],Y=[],Z=[],$=[],tt=[],et=[];return C=class extends q{constructor(){super(...arguments),n.set(this,i(this,A,!1)),k.set(this,(i(this,D),i(this,G,"cell"))),b.set(this,(i(this,H),i(this,I,p.LEFT))),u.set(this,(i(this,J),i(this,K,""))),y.set(this,(i(this,N),i(this,Q,""))),w.set(this,(i(this,R),i(this,U,""))),v.set(this,(i(this,V),i(this,X,!1))),x.set(this,(i(this,Y),i(this,Z,!1))),W.set(this,(i(this,$),i(this,tt,new c(this,g,(t=>{t&&this.handleContextChange(t)}),!0)))),this.handleContextChange=(i(this,et),({dense:t})=>{"boolean"==typeof t&&(this.dense=t)})}get dense(){return a(this,n,"f")}set dense(t){s(this,n,t,"f")}get role(){return a(this,k,"f")}set role(t){s(this,k,t,"f")}get align(){return a(this,b,"f")}set align(t){s(this,b,t,"f")}get width(){return a(this,u,"f")}set width(t){s(this,u,t,"f")}get maxWidth(){return a(this,y,"f")}set maxWidth(t){s(this,y,t,"f")}get minWidth(){return a(this,w,"f")}set minWidth(t){s(this,w,t,"f")}get disabled(){return a(this,v,"f")}set disabled(t){s(this,v,t,"f")}get dimmed(){return a(this,x,"f")}set dimmed(t){s(this,x,t,"f")}get _contextConsumer(){return a(this,W,"f")}set _contextConsumer(t){s(this,W,t,"f")}updated(t){super.updated(t),this.maxWidth&&t.has("maxWidth")&&this.style.setProperty("--kyn-td-max-width",this.maxWidth),this.width&&t.has("width")&&this.style.setProperty("--kyn-td-width",this.width),this.minWidth&&t.has("minWidth")&&this.style.setProperty("--kyn-td-min-width",this.minWidth)}render(){return o`
+}`;let k=(()=>{var n,k,b,w,u,y,v,x,W;let z,C,M,S,j,_,P,B,O,T,E,F=[l("kyn-td")],L=[],q=r,A=[],D=[],G=[],H=[],I=[],J=[],K=[],N=[],Q=[],R=[],U=[],V=[],X=[],Y=[],Z=[],$=[],tt=[],et=[];return C=class extends q{constructor(){super(...arguments),n.set(this,i(this,A,!1)),k.set(this,(i(this,D),i(this,G,"cell"))),b.set(this,(i(this,H),i(this,I,g.LEFT))),w.set(this,(i(this,J),i(this,K,""))),u.set(this,(i(this,N),i(this,Q,""))),y.set(this,(i(this,R),i(this,U,""))),v.set(this,(i(this,V),i(this,X,!1))),x.set(this,(i(this,Y),i(this,Z,!1))),W.set(this,(i(this,$),i(this,tt,new c(this,p,(t=>{t&&this.handleContextChange(t)}),!0)))),this.handleContextChange=(i(this,et),({dense:t})=>{"boolean"==typeof t&&(this.dense=t)})}get dense(){return a(this,n,"f")}set dense(t){s(this,n,t,"f")}get role(){return a(this,k,"f")}set role(t){s(this,k,t,"f")}get align(){return a(this,b,"f")}set align(t){s(this,b,t,"f")}get width(){return a(this,w,"f")}set width(t){s(this,w,t,"f")}get maxWidth(){return a(this,u,"f")}set maxWidth(t){s(this,u,t,"f")}get minWidth(){return a(this,y,"f")}set minWidth(t){s(this,y,t,"f")}get disabled(){return a(this,v,"f")}set disabled(t){s(this,v,t,"f")}get dimmed(){return a(this,x,"f")}set dimmed(t){s(this,x,t,"f")}get _contextConsumer(){return a(this,W,"f")}set _contextConsumer(t){s(this,W,t,"f")}updated(t){super.updated(t),this.maxWidth&&t.has("maxWidth")&&this.style.setProperty("--kyn-td-max-width",this.maxWidth),this.width&&t.has("width")&&this.style.setProperty("--kyn-td-width",this.width),this.minWidth&&t.has("minWidth")&&this.style.setProperty("--kyn-td-min-width",this.minWidth)}render(){return o`
       <div class="slot-wrapper">
         <slot></slot>
       </div>
-    `}},n=new WeakMap,k=new WeakMap,b=new WeakMap,u=new WeakMap,y=new WeakMap,w=new WeakMap,v=new WeakMap,x=new WeakMap,W=new WeakMap,t(C,"TableCell"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=q[Symbol.metadata])&&void 0!==t?t:null):void 0;M=[h({type:Boolean,reflect:!0})],S=[h({type:String,reflect:!0})],j=[h({type:String,reflect:!0})],_=[h({type:String,reflect:!0})],P=[h({type:String,reflect:!0})],B=[h({type:String,reflect:!0})],O=[h({type:Boolean,reflect:!0})],T=[h({type:Boolean,reflect:!0})],E=[m()],e(C,null,M,{kind:"accessor",name:"dense",static:!1,private:!1,access:{has:t=>"dense"in t,get:t=>t.dense,set:(t,e)=>{t.dense=e}},metadata:i},A,D),e(C,null,S,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:t=>"role"in t,get:t=>t.role,set:(t,e)=>{t.role=e}},metadata:i},G,H),e(C,null,j,{kind:"accessor",name:"align",static:!1,private:!1,access:{has:t=>"align"in t,get:t=>t.align,set:(t,e)=>{t.align=e}},metadata:i},I,J),e(C,null,_,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:i},K,N),e(C,null,P,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:i},Q,R),e(C,null,B,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:i},U,V),e(C,null,O,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:i},X,Y),e(C,null,T,{kind:"accessor",name:"dimmed",static:!1,private:!1,access:{has:t=>"dimmed"in t,get:t=>t.dimmed,set:(t,e)=>{t.dimmed=e}},metadata:i},Z,$),e(C,null,E,{kind:"accessor",name:"_contextConsumer",static:!1,private:!1,access:{has:t=>"_contextConsumer"in t,get:t=>t._contextConsumer,set:(t,e)=>{t._contextConsumer=e}},metadata:i},tt,et),e(null,z={value:C},F,{kind:"class",name:C.name,metadata:i},null,L),C=z.value,i&&Object.defineProperty(C,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),C.styles=d(f),i(C,L),C})();export{k as TableCell};
+    `}},n=new WeakMap,k=new WeakMap,b=new WeakMap,w=new WeakMap,u=new WeakMap,y=new WeakMap,v=new WeakMap,x=new WeakMap,W=new WeakMap,t(C,"TableCell"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=q[Symbol.metadata])&&void 0!==t?t:null):void 0;M=[h({type:Boolean,reflect:!0})],S=[h({type:String,reflect:!0})],j=[h({type:String,reflect:!0})],_=[h({type:String,reflect:!0})],P=[h({type:String,reflect:!0})],B=[h({type:String,reflect:!0})],O=[h({type:Boolean,reflect:!0})],T=[h({type:Boolean,reflect:!0})],E=[m()],e(C,null,M,{kind:"accessor",name:"dense",static:!1,private:!1,access:{has:t=>"dense"in t,get:t=>t.dense,set:(t,e)=>{t.dense=e}},metadata:i},A,D),e(C,null,S,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:t=>"role"in t,get:t=>t.role,set:(t,e)=>{t.role=e}},metadata:i},G,H),e(C,null,j,{kind:"accessor",name:"align",static:!1,private:!1,access:{has:t=>"align"in t,get:t=>t.align,set:(t,e)=>{t.align=e}},metadata:i},I,J),e(C,null,_,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:i},K,N),e(C,null,P,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:i},Q,R),e(C,null,B,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:i},U,V),e(C,null,O,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:i},X,Y),e(C,null,T,{kind:"accessor",name:"dimmed",static:!1,private:!1,access:{has:t=>"dimmed"in t,get:t=>t.dimmed,set:(t,e)=>{t.dimmed=e}},metadata:i},Z,$),e(C,null,E,{kind:"accessor",name:"_contextConsumer",static:!1,private:!1,access:{has:t=>"_contextConsumer"in t,get:t=>t._contextConsumer,set:(t,e)=>{t._contextConsumer=e}},metadata:i},tt,et),e(null,z={value:C},F,{kind:"class",name:C.name,metadata:i},null,L),C=z.value,i&&Object.defineProperty(C,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),C.styles=d(f),i(C,L),C})();export{k as TableCell};
 //# sourceMappingURL=table-cell.js.map

package/components/reusable/table/table-cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-cell.js","sources":["../../../../src/components/reusable/table/table-cell.ts"],"sourcesContent":["import { html, LitElement, PropertyValues, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport styles from './table-cell.scss?inline';\n\nimport { TABLE_CELL_ALIGN } from './defs';\n\n/*\n `kyn-td` Web Component.\n \n Represents a table cell (data cell) within Shidoka's design system tables.\n * Allows customization of alignment and can reflect the sort direction when\n * used within sortable columns.\n \n @slot unnamed - The content slot for adding table data inside the cell.\n /\n@customElement('kyn-td')\nexport class TableCell extends LitElement {\n static override styles = unsafeCSS(styles);\n\n @property({ type: Boolean, reflect: true })\n accessor dense = false;\n\n /* aria role.\n * @internal\n /\n @property({ type: String, reflect: true })\n override accessor role = 'cell';\n\n /* Determines the text alignment of the table cell's content. /\n @property({ type: String, reflect: true })\n accessor align: TABLE_CELL_ALIGN = TABLE_CELL_ALIGN.LEFT;\n\n /\n Sets a fixed width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n /\n @property({ type: String, reflect: true })\n accessor width = '';\n\n /\n Sets a maximum width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n /\n @property({ type: String, reflect: true })\n accessor maxWidth = '';\n\n /\n Sets a minimum width for the cell;\n * Accepts standard CSS width values (e.g., '150px', '50%').\n * @type {string}\n /\n @property({ type: String, reflect: true })\n accessor minWidth = '';\n\n /* Disables the cell. /\n @property({ type: Boolean, reflect: true })\n accessor disabled = false;\n\n /* Dim the cell. /\n @property({ type: Boolean, reflect: true })\n accessor dimmed = false;\n\n /\n Context consumer for the table context.\n * Updates the cell's dense properties when the context changes.\n * @private\n * @ignore\n * @type {ContextConsumer<TableContextType, TableCell>}\n /\n @state()\n // @ts-expect-error - This is a context consumer\n private accessor _contextConsumer = new ContextConsumer(\n this,\n tableContext,\n (context) => {\n if (context) this.handleContextChange(context);\n },\n true\n );\n\n /\n Updates the cell's dense properties when the context changes.\n * @param {TableContextType} context - The updated context.\n */\n handleContextChange = ({ dense }: TableContextType) => {\n if (typeof dense == 'boolean') {\n this.dense = dense;\n }\n };\n\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (this.maxWidth && changedProperties.has('maxWidth')) {\n this.style.setProperty('--kyn-td-max-width', this.maxWidth);\n }\n\n if (this.width && changedProperties.has('width')) {\n this.style.setProperty('--kyn-td-width', this.width);\n }\n\n if (this.minWidth && changedProperties.has('minWidth')) {\n this.style.setProperty('--kyn-td-min-width', this.minWidth);\n }\n }\n\n override render() {\n return html`\n <div class=\"slot-wrapper\">\n <slot></slot>\n </div>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-td': TableCell;\n }\n}\n"],"names":["TableCell","customElement","LitElement","_classThis","_classSuper","_TableCell_dense_accessor_storage","set","this","__runInitializers","_dense_initializers","_TableCell_role_accessor_storage","_dense_extraInitializers","_role_initializers","_TableCell_align_accessor_storage","_role_extraInitializers","_align_initializers","TABLE_CELL_ALIGN","LEFT","_TableCell_width_accessor_storage","_align_extraInitializers","_width_initializers","_TableCell_maxWidth_accessor_storage","_width_extraInitializers","_maxWidth_initializers","_TableCell_minWidth_accessor_storage","_maxWidth_extraInitializers","_minWidth_initializers","_TableCell_disabled_accessor_storage","_minWidth_extraInitializers","_disabled_initializers","_TableCell_dimmed_accessor_storage","_disabled_extraInitializers","_dimmed_initializers","_TableCell__contextConsumer_accessor_storage","_dimmed_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","dense","__classPrivateFieldGet","value","__classPrivateFieldSet","role","align","width","maxWidth","minWidth","disabled","dimmed","_contextConsumer","updated","changedProperties","super","has","style","setProperty","render","html","property","type","Boolean","reflect","String","__contextConsumer_decorators","state","__esDecorate","_dense_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_role_decorators","_align_decorators","_width_decorators","_maxWidth_decorators","_minWidth_decorators","_disabled_decorators","_dimmed_decorators","__contextConsumer_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~OAmBaA,EAAS,yDADrBC,EAAc,kBACgBC,qGAARC,EAAA,cAAQC,oCAIpBC,EAAAC,IAAAC,KAAAC,EAAAD,KAAAE,GAAQ,IAMCC,EAAAJ,IAAAC,MAAAC,EAAAD,KAAAI,GAAAH,EAAAD,KAAAK,EAAO,UAIhBC,EAAAP,IAAAC,MAAAC,EAAAD,KAAAO,GAAAN,EAAAD,KAAAQ,EAA0BC,EAAiBC,QAO3CC,EAAAZ,IAAAC,MAAAC,EAAAD,KAAAY,GAAAX,EAAAD,KAAAa,EAAQ,MAORC,EAAAf,IAAAC,MAAAC,EAAAD,KAAAe,GAAAd,EAAAD,KAAAgB,EAAW,MAQXC,EAAAlB,IAAAC,MAAAC,EAAAD,KAAAkB,GAAAjB,EAAAD,KAAAmB,EAAW,MAIXC,EAAArB,IAAAC,MAAAC,EAAAD,KAAAqB,GAAApB,EAAAD,KAAAsB,GAAW,KAIXC,EAAAxB,IAAAC,MAAAC,EAAAD,KAAAwB,GAAAvB,EAAAD,KAAAyB,GAAS,KAWDC,EAAA3B,IAAAC,MAAAC,EAAAD,KAAA2B,GAAA1B,EAAAD,KAAA4B,GAAmB,IAAIC,EACtC7B,KACA8B,GACCC,IACKA,GAAS/B,KAAKgC,oBAAoBD,EAAQ,IAEhD,MAOF/B,KAAAgC,gCAAsB,EAAGC,YACH,kBAATA,IACTjC,KAAKiC,MAAQA,EACf,EAyBJ,CA5FE,SAASA,GAAK,OAAAC,EAAAlC,KAAAF,EAAA,IAAA,CAAd,SAASmC,CAAKE,GAAAC,EAAApC,KAAAF,EAAAqC,EAAA,IAAA,CAMd,QAAkBE,GAAI,OAAAH,EAAAlC,KAAAG,EAAA,IAAA,CAAtB,QAAkBkC,CAAIF,GAAAC,EAAApC,KAAAG,EAAAgC,EAAA,IAAA,CAItB,SAASG,GAAK,OAAAJ,EAAAlC,KAAAM,EAAA,IAAA,CAAd,SAASgC,CAAKH,GAAAC,EAAApC,KAAAM,EAAA6B,EAAA,IAAA,CAOd,SAASI,GAAK,OAAAL,EAAAlC,KAAAW,EAAA,IAAA,CAAd,SAAS4B,CAAKJ,GAAAC,EAAApC,KAAAW,EAAAwB,EAAA,IAAA,CAOd,YAASK,GAAQ,OAAAN,EAAAlC,KAAAc,EAAA,IAAA,CAAjB,YAAS0B,CAAQL,GAAAC,EAAApC,KAAAc,EAAAqB,EAAA,IAAA,CAQjB,YAASM,GAAQ,OAAAP,EAAAlC,KAAAiB,EAAA,IAAA,CAAjB,YAASwB,CAAQN,GAAAC,EAAApC,KAAAiB,EAAAkB,EAAA,IAAA,CAIjB,YAASO,GAAQ,OAAAR,EAAAlC,KAAAoB,EAAA,IAAA,CAAjB,YAASsB,CAAQP,GAAAC,EAAApC,KAAAoB,EAAAe,EAAA,IAAA,CAIjB,UAASQ,GAAM,OAAAT,EAAAlC,KAAAuB,EAAA,IAAA,CAAf,UAASoB,CAAMR,GAAAC,EAAApC,KAAAuB,EAAAY,EAAA,IAAA,CAWf,oBAAiBS,GAAgB,OAAAV,EAAAlC,KAAA0B,EAAA,IAAA,CAAjC,oBAAiBkB,CAAgBT,GAAAC,EAAApC,KAAA0B,EAAAS,EAAA,IAAA,CAmBxB,OAAAU,CAAQC,GACfC,MAAMF,QAAQC,GACV9C,KAAKwC,UAAYM,EAAkBE,IAAI,aACzChD,KAAKiD,MAAMC,YAAY,qBAAsBlD,KAAKwC,UAGhDxC,KAAKuC,OAASO,EAAkBE,IAAI,UACtChD,KAAKiD,MAAMC,YAAY,iBAAkBlD,KAAKuC,OAG5CvC,KAAKyC,UAAYK,EAAkBE,IAAI,aACzChD,KAAKiD,MAAMC,YAAY,qBAAsBlD,KAAKyC,SAEtD,CAES,MAAAU,GACP,OAAOC,CAAI;;;;KAKb,2RA5FCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,QAMnCH,EAAS,CAAEC,KAAMG,OAAQD,SAAS,QAIlCH,EAAS,CAAEC,KAAMG,OAAQD,SAAS,QAOlCH,EAAS,CAAEC,KAAMG,OAAQD,SAAS,QAOlCH,EAAS,CAAEC,KAAMG,OAAQD,SAAS,QAQlCH,EAAS,CAAEC,KAAMG,OAAQD,SAAS,QAIlCH,EAAS,CAAEC,KAAMC,QAASC,SAAS,QAInCH,EAAS,CAAEC,KAAMC,QAASC,SAAS,KAUnCE,EAAA,CAAAC,KAjDDC,EAAAhE,EAAA,KAAAiE,EAAA,CAAAC,KAAA,WAAAC,KAAA,QAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlB,IAAAmB,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAASlC,MAAKlC,IAAA,CAAAoE,EAAAhC,KAAAgC,EAALlC,MAAKE,CAAA,GAAAkC,SAAAC,GAAApE,EAAAE,GAMdwD,EAAAhE,EAAA,KAAA2E,EAAA,CAAAT,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlB,IAAAmB,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAkB9B,KAAItC,IAAA,CAAAoE,EAAAhC,KAAAgC,EAAJ9B,KAAIF,CAAA,GAAAkC,SAAAC,GAAAjE,EAAAE,GAItBqD,EAAAhE,EAAA,KAAA4E,EAAA,CAAAV,KAAA,WAAAC,KAAA,QAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlB,IAAAmB,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAAS7B,MAAKvC,IAAA,CAAAoE,EAAAhC,KAAAgC,EAAL7B,MAAKH,CAAA,GAAAkC,SAAAC,GAAA9D,EAAAI,GAOdgD,EAAAhE,EAAA,KAAA6E,EAAA,CAAAX,KAAA,WAAAC,KAAA,QAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlB,IAAAmB,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAAS5B,MAAKxC,IAAA,CAAAoE,EAAAhC,KAAAgC,EAAL5B,MAAKJ,CAAA,GAAAkC,SAAAC,GAAAzD,EAAAE,GAOd6C,EAAAhE,EAAA,KAAA8E,EAAA,CAAAZ,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlB,IAAAmB,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAS3B,SAAQzC,IAAA,CAAAoE,EAAAhC,KAAAgC,EAAR3B,SAAQL,CAAA,GAAAkC,SAAAC,GAAAtD,EAAAE,GAQjB0C,EAAAhE,EAAA,KAAA+E,EAAA,CAAAb,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlB,IAAAmB,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAS1B,SAAQ1C,IAAA,CAAAoE,EAAAhC,KAAAgC,EAAR1B,SAAQN,CAAA,GAAAkC,SAAAC,GAAAnD,EAAAE,GAIjBuC,EAAAhE,EAAA,KAAAgF,EAAA,CAAAd,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlB,IAAAmB,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASzB,SAAQ3C,IAAA,CAAAoE,EAAAhC,KAAAgC,EAARzB,SAAQP,CAAA,GAAAkC,SAAAC,GAAAhD,EAAAE,GAIjBoC,EAAAhE,EAAA,KAAAiF,EAAA,CAAAf,KAAA,WAAAC,KAAA,SAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlB,IAAAmB,GAAA,WAAAA,EAAAC,IAAAD,GAAAA,EAASxB,OAAM5C,IAAA,CAAAoE,EAAAhC,KAAAgC,EAANxB,OAAMR,CAAA,GAAAkC,SAAAC,GAAA7C,EAAAE,GAWfiC,EAAAhE,EAAA,KAAA8D,EAAA,CAAAI,KAAA,WAAAC,KAAA,mBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAlB,IAAAmB,GAAA,qBAAAA,EAAAC,IAAAD,GAAAA,EAAiBvB,iBAAgB7C,IAAA,CAAAoE,EAAAhC,KAAAgC,EAAhBvB,iBAAgBT,CAAA,GAAAkC,SAAAC,GAAA1C,GAAAkD,IAvDnClB,EAAA,KAAAmB,EAAA,CAAA5C,MAAAvC,GAAAoF,EAAA,CAAAlB,KAAA,QAAAC,KAAAnE,EAAAmE,KAAAM,SAAAC,GAAA,KAAAW,iHACkBrF,EAAAsF,OAASC,EAAUD,GADxBjF,EAAAL,EAAAqF,MAAS"}
1	+ {"version":3,"file":"table-cell.js","sources":["../../../../src/components/reusable/table/table-cell.ts"],"sourcesContent":["import { html, LitElement, PropertyValues, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport styles from './table-cell.scss?inline';\n\nimport { TABLE_CELL_ALIGN } from './defs';\n\n/*\n `kyn-td` Web Component.\n \n Represents a table cell (data cell) within Shidoka's design system tables.\n * Allows customization of alignment and can reflect the sort direction when\n * used within sortable columns.\n \n @slot unnamed - The content slot for adding table data inside the cell.\n /\n@customElement('kyn-td')\nexport class TableCell extends LitElement {\n static override styles = unsafeCSS(styles);\n\n @property({ type: Boolean, reflect: true })\n accessor dense = false;\n\n /* aria role.\n * @internal\n /\n @property({ type: String, reflect: true })\n override accessor role = 'cell';\n\n /* Determines the text alignment of the table cell's content. /\n @property({ type: String, reflect: true })\n accessor align: TABLE_CELL_ALIGN = TABLE_CELL_ALIGN.LEFT;\n\n /\n Sets a fixed width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n /\n @property({ type: String, reflect: true })\n accessor width = '';\n\n /\n Sets a maximum width for the cell.\n * Accepts standard CSS width values (e.g., '150px', '50%').\n /\n @property({ type: String, reflect: true })\n accessor maxWidth = '';\n\n /\n Sets a minimum width for the cell;\n * Accepts standard CSS width values (e.g., '150px', '50%').\n * @type {string}\n /\n @property({ type: String, reflect: true })\n accessor minWidth = '';\n\n /* Disables the cell. /\n @property({ type: Boolean, reflect: true })\n accessor disabled = false;\n\n /* Dim the cell. /\n @property({ type: Boolean, reflect: true })\n accessor dimmed = false;\n\n /\n Context consumer for the table context.\n * Updates the cell's dense properties when the context changes.\n * @private\n * @ignore\n * @type {ContextConsumer<TableContextType, TableCell>}\n /\n @state()\n // @ts-expect-error - This is a context consumer\n private accessor _contextConsumer = new ContextConsumer(\n this,\n tableContext,\n (context) => {\n if (context) this.handleContextChange(context);\n },\n true\n );\n\n /\n Updates the cell's dense properties when the context changes.\n * @param {TableContextType} context - The updated context.\n */\n handleContextChange = ({ dense }: TableContextType) => {\n if (typeof dense == 'boolean') {\n this.dense = dense;\n }\n };\n\n override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (this.maxWidth && changedProperties.has('maxWidth')) {\n this.style.setProperty('--kyn-td-max-width', this.maxWidth);\n }\n\n if (this.width && changedProperties.has('width')) {\n this.style.setProperty('--kyn-td-width', this.width);\n }\n\n if (this.minWidth && changedProperties.has('minWidth')) {\n this.style.setProperty('--kyn-td-min-width', this.minWidth);\n }\n }\n\n override render() {\n return html`\n <div class=\"slot-wrapper\">\n <slot></slot>\n </div>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-td': TableCell;\n }\n}\n"],"names":["TableCell","customElement","LitElement","_classThis","_classSuper","_TableCell_dense_accessor_storage","set","this","__runInitializers","_dense_initializers","_TableCell_role_accessor_storage","_dense_extraInitializers","_role_initializers","_TableCell_align_accessor_storage","_role_extraInitializers","_align_initializers","TABLE_CELL_ALIGN","LEFT","_TableCell_width_accessor_storage","_align_extraInitializers","_width_initializers","_TableCell_maxWidth_accessor_storage","_width_extraInitializers","_maxWidth_initializers","_TableCell_minWidth_accessor_storage","_maxWidth_extraInitializers","_minWidth_initializers","_TableCell_disabled_accessor_storage","_minWidth_extraInitializers","_disabled_initializers","_TableCell_dimmed_accessor_storage","_disabled_extraInitializers","_dimmed_initializers","_TableCell__contextConsumer_accessor_storage","_dimmed_extraInitializers","__contextConsumer_initializers","ContextConsumer","tableContext","context","handleContextChange","dense","__classPrivateFieldGet","value","__classPrivateFieldSet","role","align","width","maxWidth","minWidth","disabled","dimmed","_contextConsumer","updated","changedProperties","super","has","style","setProperty","render","html","property","type","Boolean","reflect","String","__contextConsumer_decorators","state","__esDecorate","_dense_decorators","kind","name","static","private","access","obj","get","metadata","_metadata","_role_decorators","_align_decorators","_width_decorators","_maxWidth_decorators","_minWidth_decorators","_disabled_decorators","_dimmed_decorators","__contextConsumer_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "2.109.5",
+  "version": "2.109.7",
   "description": "Shidoka Web Components for Applications",
   "license": "MIT",
   "main": "index.js",