whoami7 - Manager
:
/
home
/
dataiclx
/
vielorbe.com
/
wp-content
/
plugins
/
surecart
/
dist
/
components
/
components
/
Upload File:
files >> //home/dataiclx/vielorbe.com/wp-content/plugins/surecart/dist/components/components/sc-tab.js.map
{"file":"sc-tab.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,ylDAAylD,CAAC;AAC3mD,oBAAe,QAAQ;;ACEvB,IAAI,EAAE,GAAG,CAAC,CAAC;MAOEA,OAAK;;;;;;QAIR,gBAAW,GAAG,OAAO,EAAE,EAAE,EAAE,CAAC;qBAGH,EAAE;;sBAKQ,KAAK;wBAGZ,KAAK;;yBAIZ,KAAK;yBACL,KAAK;;;IAOlC,MAAM,YAAY,CAAC,OAAsB;QACvC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;KACzB;;IAID,MAAM,WAAW;QACf,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;KACjB;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAC5D,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;KAC7D;IAED,MAAM;;QAEJ,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC;QAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC;QAEpC,QACE,EAAC,GAAG,qDACF,IAAI,EAAE,QAAQ,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,EAAE,EAAE,EAC3C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,aAAa,EAAE,IAAI,CAAC,MAAM;gBAC1B,eAAe,EAAE,IAAI,CAAC,QAAQ;gBAC9B,iBAAiB,EAAE,IAAI,CAAC,SAAS;gBACjC,iBAAiB,EAAE,IAAI,CAAC,SAAS;gBACjC,aAAa,EAAE,KAAK,EAAE;aACvB,EACD,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAC1B,IAAI,EAAC,KAAK,mBACK,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,mBAChC,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,EAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,GAAG,IAEpC,6DAAM,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,aAAa,IACrC,6DAAM,YAAY,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAC,QAAQ,GAAQ,CACnE,EACP,4DAAK,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,IACtC,8DAAQ,CACJ,EACN,6DAAM,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,aAAa,IACrC,6DAAM,YAAY,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAC,QAAQ,GAAQ,CACnE,EACP,6DAAM,IAAI,EAAC,QAAQ,IAChB,CAAC,CAAC,IAAI,CAAC,KAAK,KACX,4DAAK,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,IACrC,IAAI,CAAC,KAAK,CACP,CACP,CACI,CACH,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ScTab"],"sources":["src/components/ui/tab/sc-tab.scss?tag=sc-tab&encapsulation=shadow","src/components/ui/tab/sc-tab.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.tab {\n font-family: var(--sc-font-sans);\n color: var(--sc-color-gray-600);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n line-height: 1;\n padding: var(--sc-spacing-small) var(--sc-spacing-small);\n font-size: var(--sc-font-size-medium);\n font-weight: var(--sc-font-weight-semibold);\n border-radius: var(--sc-border-radius-small);\n cursor: pointer;\n transition: color 0.35s ease, background-color 0.35s ease;\n user-select: none;\n text-decoration: none;\n\n &.tab--active,\n &:hover {\n color: var(--sc-tab-active-color, var(--sc-color-gray-900));\n background-color: var(--sc-tab-active-background, var(--sc-color-gray-100));\n }\n\n &.tab--disabled {\n cursor: not-allowed;\n color: var(--sc-color-gray-400);\n }\n}\n\n.tab__content {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: var(--sc-line-height-dense);\n}\n\n.tab__prefix,\n.tab__suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n}\n\n.tab__suffix {\n margin-left: auto;\n}\n\n.tab__counter {\n background: var(--sc-color-gray-200);\n display: inline-block;\n padding: var(--sc-spacing-xx-small) var(--sc-spacing-small);\n border-radius: var(--sc-border-radius-pill);\n font-size: var(--sc-font-size-small);\n text-align: center;\n line-height: 1;\n transition: color 0.35s ease, background-color 0.35s ease;\n}\n\n.tab {\n &.tab--active .tab__counter,\n &:hover .tab__counter {\n background: var(--sc-color-white);\n }\n}\n\n.tab--has-prefix {\n padding-left: var(--sc-spacing-small);\n .tab__content {\n padding-left: var(--sc-spacing-small);\n }\n}\n\n.tab--has-suffix {\n padding-right: var(--sc-spacing-small);\n .tab__label {\n padding-right: var(--sc-spacing-small);\n }\n}\n\n.tab--is-rtl {\n &.tab--has-prefix {\n .tab__content {\n padding-left: 0;\n padding-right: var(--sc-spacing-small);\n }\n }\n}\n","import { Component, h, Prop, Event, EventEmitter, Element, State, Method } from '@stencil/core';\nimport { __ } from '@wordpress/i18n';\nimport { isRtl } from '../../../functions/page-align';\nlet id = 0;\n\n@Component({\n tag: 'sc-tab',\n styleUrl: 'sc-tab.scss',\n shadow: true,\n})\nexport class ScTab {\n @Element() el: HTMLElement;\n private tab: HTMLDivElement;\n\n private componentId = `tab-${++id}`;\n\n /** The name of the tab panel the tab will control. The panel must be located in the same tab group. */\n @Prop({ reflect: true }) panel = '';\n\n @Prop({ reflect: true }) href: string;\n\n /** Draws the tab in an active state. */\n @Prop({ reflect: true }) active: boolean = false;\n\n /** Draws the tab in a disabled state. */\n @Prop({ reflect: true }) disabled = false;\n\n @Prop() count: string;\n\n @State() private hasPrefix = false;\n @State() private hasSuffix = false;\n\n /** Close event */\n @Event() scClose: EventEmitter<void>;\n\n /** Sets focus to the tab. */\n @Method()\n async triggerFocus(options?: FocusOptions) {\n this.tab.focus(options);\n }\n\n /** Removes focus from the tab. */\n @Method()\n async triggerBlur() {\n this.tab.blur();\n }\n\n handleSlotChange() {\n this.hasPrefix = !!this.el.querySelector('[slot=\"prefix\"]');\n this.hasSuffix = !!this.el.querySelector('[slot=\"suffix\"]');\n }\n\n render() {\n // If the user didn't provide an ID, we'll set one so we can link tabs and tab panels with aria labels\n this.el.id = this.el.id || this.componentId;\n const Tag = this.href ? 'a' : 'div';\n\n return (\n <Tag\n part={`base ${this.active ? `active` : ``}`}\n href={this.href}\n class={{\n 'tab': true,\n 'tab--active': this.active,\n 'tab--disabled': this.disabled,\n 'tab--has-prefix': this.hasPrefix,\n 'tab--has-suffix': this.hasSuffix,\n 'tab--is-rtl': isRtl(),\n }}\n ref={el => (this.tab = el)}\n role=\"tab\"\n aria-disabled={this.disabled ? 'true' : 'false'}\n aria-selected={this.active ? 'true' : 'false'}\n tabindex={this.disabled ? '-1' : '0'}\n >\n <span part=\"prefix\" class=\"tab__prefix\">\n <slot onSlotchange={() => this.handleSlotChange()} name=\"prefix\"></slot>\n </span>\n <div class=\"tab__content\" part=\"content\">\n <slot />\n </div>\n <span part=\"suffix\" class=\"tab__suffix\">\n <slot onSlotchange={() => this.handleSlotChange()} name=\"suffix\"></slot>\n </span>\n <slot name=\"suffix\">\n {!!this.count && (\n <div class=\"tab__counter\" part=\"counter\">\n {this.count}\n </div>\n )}\n </slot>\n </Tag>\n );\n }\n}\n"],"version":3}
Copyright ©2021 || Defacer Indonesia