@kumori/aurora-wui-components 0.0.232 → 0.0.234
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":"axebow-tab-selector.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-tab-selector/axebow-tab-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AAGvC,qBACa,iBAAkB,SAAQ,UAAU;IACA,QAAQ,UAAS;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"axebow-tab-selector.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-tab-selector/axebow-tab-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AAGvC,qBACa,iBAAkB,SAAQ,UAAU;IACA,QAAQ,UAAS;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,UAAS;IAErC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,YAAY,CAAiB;IAE9C,OAAO,CAAC,SAAS,CAAiC;IAElD,MAAM,CAAC,MAAM,4BA4BX;IAEF,iBAAiB;IAOjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IASzD,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,UAAU;IAMlB,MAAM;CAiDP"}
|
package/dist/index.js
CHANGED
|
@@ -6874,6 +6874,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
6874
6874
|
constructor(..._args) {
|
|
6875
6875
|
super(..._args);
|
|
6876
6876
|
this.disabled = false;
|
|
6877
|
+
this.bordered = false;
|
|
6877
6878
|
this._activeTab = 0;
|
|
6878
6879
|
this._tabCount = 0;
|
|
6879
6880
|
this._tabDisabled = [];
|
|
@@ -6958,10 +6959,10 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
6958
6959
|
const isDisabled = this._tabDisabled[i];
|
|
6959
6960
|
return html`
|
|
6960
6961
|
<button
|
|
6961
|
-
class="flex-1 h-8 flex items-center justify-center gap-2
|
|
6962
|
+
class="flex-1 h-8 flex items-center justify-center gap-2 transition-colors duration-200 font-medium
|
|
6962
6963
|
focus-visible:outline-2 focus-visible:outline-(--axebow-tertiary)
|
|
6963
6964
|
${isDisabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}
|
|
6964
|
-
${active ?
|
|
6965
|
+
${active ? `bg-white text-(--axebow-primary) rounded-t-lg tab-active ${this.bordered ? "border border-(--axebow-table-header-border)" : "border-none"}` : "bg-transparent text-(--axebow-secondary) rounded-lg tab-inactive border-none"}"
|
|
6965
6966
|
?disabled=${isDisabled}
|
|
6966
6967
|
@click=${() => this._selectTab(i)}
|
|
6967
6968
|
>
|
|
@@ -6977,7 +6978,7 @@ var AxebowTabSelector = class AxebowTabSelector extends LitElement {
|
|
|
6977
6978
|
</div>
|
|
6978
6979
|
|
|
6979
6980
|
<div
|
|
6980
|
-
class="w-full min-h-35 p-4 bg-white rounded-b-xl rounded-tr-xl box-border ${this._activeTab !== 0 ? "rounded-tl-xl" : ""}"
|
|
6981
|
+
class="w-full min-h-35 p-4 bg-white rounded-b-xl rounded-tr-xl box-border ${this._activeTab !== 0 ? "rounded-tl-xl" : ""} ${this.bordered ? "border border-(--axebow-table-header-border)" : ""}"
|
|
6981
6982
|
>
|
|
6982
6983
|
${tabs.map((i) => html`
|
|
6983
6984
|
<div class="${this._activeTab === i ? "block" : "hidden"}">
|
|
@@ -6994,6 +6995,7 @@ __decorate([property({
|
|
|
6994
6995
|
attribute: false
|
|
6995
6996
|
})], AxebowTabSelector.prototype, "disabled", void 0);
|
|
6996
6997
|
__decorate([property({ type: Number })], AxebowTabSelector.prototype, "activeTab", void 0);
|
|
6998
|
+
__decorate([property({ type: Boolean })], AxebowTabSelector.prototype, "bordered", void 0);
|
|
6997
6999
|
__decorate([state()], AxebowTabSelector.prototype, "_activeTab", void 0);
|
|
6998
7000
|
__decorate([state()], AxebowTabSelector.prototype, "_tabCount", void 0);
|
|
6999
7001
|
__decorate([state()], AxebowTabSelector.prototype, "_tabDisabled", void 0);
|