Fix File
•
/
home
/
sportsfe...
/
httpdocs
/
wp-conte...
/
plugins
/
themify-...
/
js
/
editor
/
componen...
•
File:
constructor.mjs
•
Content:
static: 'st', relative: 're', absolute: 'abs', fixed: 'fi' }, binding: { empty: {hide: cl}, static: {hide: cl}, relative: {show: cl}, absolute: {show: cl}, fixed: {show: cl} } } ], settings = [ { type: 'group', label: 'po', wrap_class: 'tb_css_pos_wrap', options: groupOptions } ]; data.binding = groupOptions[0].binding; for (let sides = ['top', 'right', 'bottom', 'left'], i = 0; i < sides.length; ++i) { let sid = id + '_' + sides[i], side = { type: 'multi', label: sides[i], wrap_class: cl, options: [ { type: 'range', id: sid, selector: selector, prop: sides[i], units: {px: {min: -2000, max: 2000}, '%': {min: -1000, max: 1000}} }, { id: sid + '_auto', is_position: true, posId: sid, prop: sides[i], type: 'checkbox', selector: selector, options: [ {name: 'auto', value: 'auto'} ], binding: { checked: {hide: sid}, not_checked: {show: sid} } } ] }; groupOptions.push(side); } return self.create(settings); } }, transform: { update(id, v, self) { for (let inputs = ['scale', 'translate', 'skew'], i = inputs.length - 1; i > -1; --i) { let k = id + '_' + inputs[i]; self.margin.update(k, self.getStyleVal(k), self); } for (let inputs = ['x', 'y', 'z'], i = inputs.length - 1; i > -1; --i) { let k = id + '_rotate_' + inputs[i]; self.angle.update(k, self.getStyleVal(k), self); } const k = id + '_position'; self.position_box.update(k, self.getStyleVal(k), self); }, render(data, self) { const {id,selector,prop} = data, className = 'tb_transform_field ' + (data.class || ''), options = [ {id: 'top', label: 'X'}, {id: 'bottom', label: 'Y'} ], transforms = [ { type: 'group', wrap_class: 'tb_transform_fields tf_w ' + (data.wrap_class || ''), label: '', options: [ { id: id + '_scale', type: 'margin', label: 'sc', prop: prop, selector: selector, class: className, units: {'': {min: -100, max: 1000, increment: .1}}, options: options }, { id: id + '_translate', type: 'margin', label: 'tl', prop: prop, selector: selector, class: className, units: {px: {min: -2000, max: 2000}, '%': {min: -100, max: 100}, em: {min: 0, max: 100}}, options: options }, { id: id + '_skew', type: 'margin', label: 'sk', prop: prop, selector: selector, class: className, units: {deg: {min: -180, max: 180}}, options: options }, { type: 'multi', label: 'ro', wrap_class: 'tb_tr_rotate', options: [ { id: id + '_rotate_x', type: 'angle', tooltip: 'X', prop: 'rotate', selector: selector, class: className }, { id: id + '_rotate_y', type: 'angle', tooltip: 'Y', prop: 'rotate', selector: selector, class: className }, { id: id + '_rotate_z', type: 'angle', tooltip: 'Z', prop: 'rotate', selector: selector, class: className } ] } ] }, { id: id + '_position', label: 'orig', type: 'position_box', prop: 'transform-origin', selector: selector } ]; return self.create(transforms); } }, clickable: { render(data, self) { let options = self.create([ { type: 'group', label:'l', display: 'accordion', wrap_class: 'tf_w', options: [ { type: 'url', id: '_link', label:'clickl', binding: { empty: {hide: [ '_link_o', '_link_n' ] }, not_empty: {show: [ '_link_o', '_link_n' ] } } }, { type: 'toggle_switch', id: '_link_o', label: 'houtl' }, { type: 'toggle_switch', id: '_link_n', label:'olnknt', options: 'simple' } ] } ]); if ( api.isVisual ) { options = this._bindEvents(options); } return options; }, _bindEvents( options ) { const link = options.querySelector( '#_link' ), outline = options.querySelector( '#_link_o input' ); link.tfOn( 'input', () => { this._updatePreview(link.value, outline.checked); } ); outline.tfOn( 'change', () => { this._updatePreview(link.value, outline.checked); } ); Themify.loadCss( ThemifyBuilderModuleJs.cssUrl + 'clickable-component', 'tf_clickablecomponent' ); return options; }, _updatePreview( link, outline ) { if ( outline && link !== '' ) { api.liveStylingInstance.el.dataset.tb_link = link; api.liveStylingInstance.el.classList.add( 'tb_link_outline' ); } else { delete api.liveStylingInstance.el.dataset.tb_link; api.liveStylingInstance.el.classList.remove( 'tb_link_outline' ); } } }, code: { render(data, self) { const lngOpt = { markup: "Markup(markup, html, xml, svg, mathml, ssml, atom, rss)", css: "CSS", javascript: "JavaScript", abap: "ABAP", abnf: "ABNF", actionscript: "ActionScript", ada: "Ada", agda: "Agda", al: "AL", antlr4: "ANTLR4", apacheconf: "Apache Configuration", apex: "Apex", apl: "APL", applescript: "AppleScript", aql: "AQL", arduino: "Arduino", arff: "ARFF", armasm: "ARM Assembly", arturo: "Arturo", asciidoc: "AsciiDoc", aspnet: "ASP.NET (C#)", asm6502: "6502 Assembly", asmatmel: "Atmel AVR Assembly", autohotkey: "AutoHotkey", autoit: "AutoIt", avisynth: "AviSynth", 'avro-idl': "Avro IDL", awk: "AWK", bash: "Bash", basic: "BASIC", batch: "Batch", bbcode: "BBcode", bbj: "BBj", bicep: "Bicep", birb: "Birb", bison: "Bison", bnf: "BNF", bqn: "BQN", brainfuck: "Brainfuck", brightscript: "BrightScript", bro: "Bro", bsl: "BSL (1C:Enterprise)", c: "C", csharp: "C#", cpp: "C++", cfscript: "CFScript", chaiscript: "ChaiScript", cil: "CIL", cilkc: "Cilk/C", cilkcpp: "Cilk/C++", clojure: "Clojure", cmake: "CMake", cobol: "COBOL", coffeescript: "CoffeeScript", concurnas: "Concurnas", csp: "Content-Security-Policy", cooklang: "Cooklang", coq: "Coq", crystal: "Crystal", csv: "CSV", cue: "CUE", cypher: "Cypher", d: "D", dart: "Dart", dataweave: "DataWeave", dax: "DAX", dhall: "Dhall", diff: "Diff", django: "Django/Jinja2", 'dns-zone-file': "DNS zone file", docker: "Docker", dot: "DOT (Graphviz)", ebnf: "EBNF", editorconfig: "EditorConfig", eiffel: "Eiffel", ejs: "EJS", elixir: "Elixir", elm: "Elm", etlua: "Embedded Lua templating", erb: "ERB", erlang: "Erlang", 'excel-formula': "Excel Formula", fsharp: "F#", factor: "Factor", flow: "Flow", fortran: "Fortran", ftl: "FreeMarker Template Language", gml: "GameMaker Language", gap: "GAP (CAS)", gcode: "G-code", gdscript: "GDScript", gedcom: "GEDCOM", gettext: "gettext", gherkin: "Gherkin", git: "Git", glsl: "GLSL", gn: "GN", 'linker-script': "GNU Linker Script", go: "Go", 'go-module': "Go module", gradle: "Gradle", graphql: "GraphQL", groovy: "Groovy", haml: "Haml", handlebars: "Handlebars", haskell: "Haskell", haxe: "Haxe", hcl: "HCL", hlsl: "HLSL", hoon: "Hoon", http: "HTTP", hpkp: "HTTP Public-Key-Pins", hsts: "HTTP Strict-Transport-Security", ichigojam: "IchigoJam", icon: "Icon", 'icu-message-format': "ICU Message Format", idris: "Idris", ignore: ".ignore", inform7: "Inform 7", ini: "Ini", io: "Io", j: "J", java: "Java", javadoclike: "JavaDoc-like", javastacktrace: "Java stack trace", jexl: "Jexl", jolie: "Jolie", jq: "JQ", jsdoc: "JSDoc", json: "JSON", json5: "JSON5", jsonp: "JSONP", jsstacktrace: "JS stack trace", julia: "Julia", keepalived: "Keepalived Configure", keyman: "Keyman", kotlin: "Kotlin", kumir: "KuMir (КуМир)", kusto: "Kusto", latex: "LaTeX", latte: "Latte", less: "Less", lilypond: "LilyPond", liquid: "Liquid", lisp: "Lisp", livescript: "LiveScript", llvm: "LLVM IR", log: "Log file", lolcode: "LOLCODE", lua: "Lua", magma: "Magma (CAS)", makefile: "Makefile", markdown: "Markdown", mata: "Mata", matlab: "MATLAB", maxscript: "MAXScript", mel: "MEL", mermaid: "Mermaid", metafont: "METAFONT", mizar: "Mizar", mongodb: "MongoDB", monkey: "Monkey", moonscript: "MoonScript", n1ql: "N1QL", n4js: "N4JS", 'nand2tetris-hdl': "Nand To Tetris HDL", naniscript: "Naninovel Script", nasm: "NASM", neon: "NEON", nevod: "Nevod", nginx: "Nginx", nim: "Nim", nix: "Nix", nsis: "NSIS", objectivec: "Objective-C", ocaml: "OCaml", odin: "Odin", opencl: "OpenCL", openqasm: "OpenQasm", oz: "Oz", parigp: "PARI/GP", parser: "Parser", pascal: "Pascal", pascaligo: "Pascaligo", psl: "PATROL Scripting Language", pcaxis: "PC-Axis", peoplecode: "PeopleCode", perl: "Perl", php: "PHP", phpdoc: "PHPDoc", 'plant-uml': "PlantUML", plsql: "PL/SQL", powerquery: "PowerQuery", powershell: "PowerShell", processing: "Processing", prolog: "Prolog", promql: "PromQL", properties: ".properties", protobuf: "Protocol Buffers", pug: "Pug", puppet: "Puppet", pure: "Pure", purebasic: "PureBasic", purescript: "PureScript", python: "Python", qsharp: "Q#", q: "Q (kdb+ database)", qml: "QML", qore: "Qore", r: "R", racket: "Racket", cshtml: "Razor C#", jsx: "React JSX", tsx: "React TSX", reason: "Reason", regex: "Regex", rego: "Rego", renpy: "Ren'py", rescript: "ReScript", rest: "reST (reStructuredText)", rip: "Rip", roboconf: "Roboconf", robotframework: "Robot Framework", ruby: "Ruby", rust: "Rust", sas: "SAS", sass: "Sass (Sass)", scss: "Sass (SCSS)", scala: "Scala", scheme: "Scheme", 'shell-session': "Shell session", smali: "Smali", smalltalk: "Smalltalk", smarty: "Smarty", sml: "SML", solidity: "Solidity (Ethereum)", 'solution-file': "Solution file", soy: "Soy (Closure Template)", sparql: "SPARQL", 'splunk-spl': "Splunk SPL", sqf: "SQF:Status Quo Function (Arma 3)", sql: "SQL", squirrel: "Squirrel", stan: "Stan", stata: "Stata Ado", iecst: "Structured Text (IEC 61131-3)", stylus: "Stylus", supercollider: "SuperCollider", swift: "Swift", systemd: "Systemd configuration file", 't4-templating': "T4 templating", 't4-cs': "T4 Text Templates (C#)", 't4-vb': "T4 Text Templates (VB)", tap: "TAP", tcl: "Tcl", tt2: "Template Toolkit 2", textile: "Textile", toml: "TOML", tremor: "Tremor", turtle: "Turtle", twig: "Twig", typescript: "TypeScript", typoscript: "TypoScript", unrealscript: "UnrealScript", uorazor: "UO Razor Script", uri: "URI", v: "V", vala: "Vala", vbnet: "VB.Net", velocity: "Velocity", verilog: "Verilog", vhdl: "VHDL", vim: "vim", 'visual-basic': "Visual Basic", warpscript: "WarpScript", wasm: "WebAssembly", 'web-idl': "Web IDL", wgsl: "WGSL", wiki: "Wiki markup", wolfram: "Wolfram language", wren: "Wren", xeora: "Xeora", 'xml-doc': "XML doc (.net)", xojo: "Xojo (REALbasic)", xquery: "XQuery", yaml: "YAML", yang: "YANG", zig: "Zig" }, themeOpt = { '': 'Default', a11y_d: 'A11y Dark', atom_d: 'Atom Dark', cb: 'CB', cld_c: 'Coldark Cold', cld_d: 'Coldark Dark', coy: 'Coy', dark: 'Dark', dracula: 'Dracula', du_d: 'Duotone Dark', du_f: 'Duotone Forest', gr_d: 'Gruvbox Dark', gr_l: 'Gruvbox Light', lucario: 'Lucario', mt_l: 'Material Light', night_owl: 'Night Owl', okaidia: 'Okaidia', tmr: 'Tomorrow Night', twilight: 'Twilight', vs: 'VS', vs_d_p: 'VS Dark Plus' }, options = [ { id: 'lng', label: data.options.lng, type: 'select', options: lngOpt }, { id: 'theme', label: data.options.theme, type: 'select', options: themeOpt }, { id: 'code', label: data.options.code, type: 'textarea', codeeditor: self.getStyleVal('lng') || 'javascript', control: {event: 'change'} } ], fr = self.create(options), lng = fr.querySelector('#lng'), code = fr.querySelector('#code'); lng.tfOn('change', e => { const mirror = code.tf_mirror; if (mirror) { mirror.save(); mirror.destroy(); } api.Helper.codeMirror(code, e.currentTarget.value).then(obj => { obj?.editor.on('change', () => { Themify.triggerEvent(obj.el, 'change'); }); }); }, {passive: true}); return fr; } }, image_size: { render(data, self) { if (themifyBuilder.imgphp) { const sizes = self.getOptions('image_size'); if (sizes) { return self.create([ { type: 'select', id: data.id, label: data.label || 'imgs', binding: data.binding, help: data.help, wrap_class: data.wrap_class, after: data.after, options: sizes } ]); } } return false; } }, post_filter: { render(data, self) { return self.create([ { id: 'post_filter', type: 'toggle_switch', label: self.type.includes('product') ? 'productf' : 'postf', options: 'simple', wrap_class: 'tb_group_element_all tb_group_element_category', default:'off', binding: { not_checked: { show: [ 'disable_masonry', 'masonry', 'sort' /* WooCommerce Catalog Ordering */ ], hide: [ 'filter_hashtag', 'ajax_filter_wrap' ] }, checked: { hide: [ 'disable_masonry', 'masonry', 'sort' ], show: [ 'filter_hashtag', 'ajax_filter_wrap' ] } } }, { id: 'filter_hashtag', type: 'toggle_switch', label: 'uhtag', options: 'simple', default:'off' }, { type: 'group', wrap_class: 'ajax_filter_wrap tf_w', options: [ { id: 'ajax_filter', type: 'toggle_switch', label: 'ajaxf', options: 'simple', default:'off', binding: { not_checked: { hide: 'ajax_filter_cat_wrap' }, checked: { show: 'ajax_filter_cat_wrap' } } }, { type: 'group', wrap_class: 'ajax_filter_cat_wrap tf_w', options: [ { id: 'ajax_filter_categories', type: 'radio', label: '', default: 'exclude', options: [ { value: 'include', name: 'include' }, { value: 'exclude', name: 'exclude' } ], binding: { include: { hide: 'ajax_filter_exclude', show: 'ajax_filter_include' }, exclude: { hide: 'ajax_filter_include', show: 'ajax_filter_exclude' } } }, { id: 'ajax_filter_exclude', type: 'text', class: 'large', label: 'exclcatf', help: 'exclcatfh' }, { id: 'ajax_filter_include', type: 'text', class: 'large', label: 'inclcatf', help: 'inclcatfh' }, { id: 'ajax_sort', type: 'toggle_switch', label: 'sortf', options: 'simple', default:'off' } ] } ] }, { id: 'masonry_align', type: 'toggle_switch', label: 'alignp', options: 'simple', help: 'alignph', default:'off' } ], self); } }, grid_flow:{ update(id, v, self) { return self.radio.update(id, v, self); }, render(data,self){ data.label='gflow'; data.option_js=true; data.default='row'; data.no_toggle=1; const url=Themify.builder_url + 'css/editor/img/alignment.svg#'; data.options=[ { value: 'row', name: 'vertical', icon:'<svg class="tb_align"><use href="'+url + 'vertical"/></svg>' }, { value: 'column', name: 'hrztal', icon:'<svg class="tb_align"><use href="'+url + 'horizontal"/></svg>' } ]; return self.icon_radio.render(data,self); } }, gap:{ update(id, v, self) { return self.slider_range.update(id, v, self); }, render(data,self){ const units = data.units || { px: { max: 1000 }, em: { max: 50 } }, prop=data.prop; if(!data.units && prop !== 'row-gap'){ units['%']=''; } const clone={...data,...{ grid_gap: 1, units:units, options: { unit:self.getStyleVal(data.id+'_unit') || (units['%']!==undefined?'%':'px'), default:0, inputRange: true, range: false } }}; data.label??=(prop === 'column-gap' ? 'ng' : (prop === 'row-gap' ? 'rg' : 'gap')); return self.slider_range.render(clone,self); } }, grid:{ id:'tb_grid_lb_root', update(id, v, self,prevbreakpoint){ const el=self.getEl(id), newVals=api.Forms.parseSettings(el).v, tmp={}; el.replaceWith(this.render(self._stylesData[id],self)); for(let k in newVals){ tmp[prevbreakpoint+'_'+k]=newVals[k]; } self.values[id] = {...self.values[id],...tmp}; }, get(){ const vals=ThemifyConstructor.values[this.id]; return vals?{...vals}:null; }, set(vals){ const self=ThemifyConstructor, id=this.id, el=self.getEl(id), selectedGrid=el?.shadowRoot.querySelector('.grid_list .selected').dataset.grid, size=vals[api.activeBreakPoint+'_size']?.toString(); self.values[id]={...vals}; if(size!==selectedGrid && el){ el.replaceWith(this.render(self._stylesData[id],self)); } }, render(data,self){ let id=this.id, root=createElement('',{id:id,class:'tf_w tb_lb_option tb_grid_root'}), tmp=createElement('',{id:'grid',class:'tb_field'}), row=doc.tfId('tmpl-builder_row_action').content, formStyle=row.querySelector('#module_form_fields_style').cloneNode(true), gridStyle=row.querySelector('#module_row_grids_style').cloneNode(true), gridCss=doc.tfId('module_lightbox_grid_style').cloneNode(true), fields={ grid_list:'pgrids', alignment:'align', auto_dir:'cht', right:'gutter' }, fr=createDocumentFragment(); /* sel=self.type==='subrow'?'module_subrow':self.type + '_inner', inner=api.activeModel.el.tfClass(sel)[0]; computed=getComputedStyle(inner), cols = computed.getPropertyValue('--col').replace(/\s\s+/g, ' ').trim(); if (!cols || cols==='none' || cols.includes('repeat')) { const areaLength=computed.getPropertyValue('--area').replace(/[\r\n]/gm, '').replace(/ +/g, ' ').trim().split('" "')[0].trim().split(' ').length; cols = ('1fr '.repeat(areaLength)).trim(); } }*/ if(self._stylesData[id]===undefined){ self.values[id]={...api.activeModel.get('sizes')}; self._stylesData[id] = api.Helper.cloneObject(data); } gridCss.removeAttribute('type'); api.activeModel.gridMenu(tmp); for(let sel in fields){ let item=tmp.querySelector('.'+sel), wrap=createElement(); if(sel!=='grid_list'){ let cl=sel==='right'?'gutter':sel; wrap.className=cl+'_wrap'; if(cl!=='alignment'){ wrap.className+=' alignment_wrap'; } } wrap.append(createElement('','tb_label',i18n[fields[sel]]),item); fr.appendChild(wrap); } /* cols = cols.split(' '); for(let i=0;i<cols.length;++i){ let sl= self.slider_range.render({ id:'', options: { min: 1, max: 10, unit: 'fr', step:.1, range:false, inputRange:true, default: cols[i] } },self), wrap=createElement(), label=createElement(), col, prevVal=0, obj=null; label.className='tb_label'; label.textContent='Column '+(i+1); wrap.tfOn('change',e=>{ if(!col){ col= api.Utils.getColumns(inner)[i].querySelector(':scope>.tb_drag_right'); } if(obj===null){ if(!e.isTrusted){ obj=new api.columnResize(); obj.start({target:col}); } else{ // obj.end(); // obj=null; } } let v=e.target.value; if(prevVal>v){ // v=-v; } prevVal=v; obj.setValue(v); },{passive:true}) .append(label,sl); fr.appendChild(wrap); } * */ tmp.replaceChildren(fr); root.attachShadow({ mode: 'open' }).append(api.ToolBar.getBaseCss(),formStyle,gridStyle,gridCss,tmp); return root; } }, random:{ render(data,self){ data.control=false; data.default=api.activeModel.id+new Date().getUTCMilliseconds()+ Math.random().toString(36).substr(2); return self.hidden.render(data,self); } } }; })(tb_app,_CLICK_,body,topBody,topBodyCl,topThemify,topWindowDoc);
•
Search:
•
Replace:
1
2
Function
Edit by line
Download
Information
Rename
Copy
Move
Delete
Chmod
List
