whoami7 - Manager
:
/
home
/
dataiclx
/
vielorbe.com
/
wp-content
/
plugins
/
surecart
/
dist
/
components
/
esm
/
Upload File:
files >> //home/dataiclx/vielorbe.com/wp-content/plugins/surecart/dist/components/esm/sc-choices.entry.js
import { r as registerInstance, h, a as getElement } from './index-745b6bec.js'; const scChoicesCss = ":host {\n display: block;\n}\n\n.choices {\n container-type: inline-size;\n}\n.choices ::slotted(div) {\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n gap: var(--sc-choices-gap, 10px);\n}\n\n.choices:not(.choices--auto-width) ::slotted(div) {\n margin: 0;\n display: grid;\n gap: var(--sc-choices-gap, 10px);\n}\n\n.breakpoint-lg ::slotted(div),\n.breakpoint-xl ::slotted(div) {\n grid-template-columns: repeat(var(--columns, 1), 1fr);\n}\n\n.choices .choices__items {\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n gap: var(--sc-choices-gap, 10px);\n}\n\n.choices:not(.choices--auto-width) .choices__items {\n display: grid;\n gap: var(--sc-choices-gap, 10px);\n}\n\n.choices {\n border: none;\n padding: 0;\n margin: 0;\n min-width: 0;\n margin: 0;\n}\n.choices .choices__label {\n font-family: var(--sc-input-font-family);\n font-size: var(--sc-input-font-size-medium);\n font-weight: var(--sc-input-font-weight);\n color: var(--sc-input-color);\n padding: 0 var(--sc-spacing-xx-small);\n}\n\n.choices__items {\n display: grid;\n gap: var(--sc-choices-gap, 10px);\n grid-auto-rows: 1fr;\n}\n\n.choices__items {\n grid-template-columns: repeat(var(--columns, 1), 1fr);\n}\n\n@container (max-width: 419px) {\n .choices__items {\n grid-template-columns: repeat(1, 1fr);\n }\n}"; const ScChoicesStyle0 = scChoicesCss; let id = 0; const ScChoices = class { constructor(hostRef) { registerInstance(this, hostRef); this.inputId = `choices-${++id}`; this.helpId = `choices-help-text-${id}`; this.labelId = `choices-label-${id}`; this.label = ''; this.size = 'medium'; this.autoWidth = undefined; this.required = false; this.showLabel = true; this.help = ''; this.hideLabel = false; this.columns = 1; this.errorMessage = ''; this.width = undefined; } async triggerFocus() { this.el.focus(); } componentDidLoad() { this.handleRequiredChange(); this.handleResize(); } handleRequiredChange() { const choices = [...this.el.querySelectorAll('sc-choice, sc-choice-container')]; if (choices.length) { choices.forEach(choice => { choice.required = this.required; }); } } handleResize() { // Only run if ResizeObserver is supported. if ('ResizeObserver' in window) { var ro = new window.ResizeObserver(entries => { entries.forEach(entry => { this.width = entry.contentRect.width; }); }); ro.observe(this.el); } } render() { return (h("fieldset", { key: 'a0fa373efbf774cc3d42b9c91eb8e586eb075ac2', part: "base", class: { 'choices': true, 'choices--hide-label': this.hideLabel, 'choices--auto-width': this.autoWidth, 'breakpoint-sm': this.width < 384, 'breakpoint-md': this.width >= 384 && this.width < 576, 'breakpoint-lg': this.width >= 576 && this.width < 768, 'breakpoint-xl': this.width >= 768, }, role: "radiogroup" }, h("sc-form-control", { key: '488d72f2378c3c8ff1b23fd1196a81495e923ed2', exportparts: "label, help-text, form-control", size: this.size, required: this.required, label: this.label, showLabel: this.showLabel, help: this.help, inputId: this.inputId, helpId: this.helpId, labelId: this.labelId }, h("div", { key: 'd4c43a547d3866e0183c4e3018ce73f0dfd28962', part: "choices", class: "choices__items" }, h("slot", { key: 'aad42237f7d82a10201c2efc201e096c223d2ec9' }))))); } get el() { return getElement(this); } static get watchers() { return { "required": ["handleRequiredChange"] }; } }; ScChoices.style = ScChoicesStyle0; export { ScChoices as sc_choices }; //# sourceMappingURL=sc-choices.entry.js.map
Copyright ©2021 || Defacer Indonesia