-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchunk-FEEGVKS6.js
1 lines (1 loc) · 12.6 KB
/
chunk-FEEGVKS6.js
1
import{Ab as c,Bb as p,Cb as u,Db as i,Eb as t,Fb as o,Ma as s,Ra as a,Wb as e,Xb as d,Yb as g,db as x,ub as m}from"./chunk-GR3MIE2K.js";import"./chunk-4CLCTAJ7.js";function E(l,r){if(l&1&&(i(0,"tr")(1,"td"),e(2),t(),i(3,"td"),e(4),t(),i(5,"td")(6,"code"),e(7),t()(),o(8,"td",5),t()),l&2){let n=r.$implicit;a(2),d(n.name),a(2),d(n.type),a(3),d(n.default),a(),m("innerHTML",n.details,s)}}function b(l,r){if(l&1&&(i(0,"tr")(1,"td"),e(2),t(),i(3,"td")(4,"code"),e(5),t()(),o(6,"td",5),t()),l&2){let n=r.$implicit;a(2),d(n.name),a(3),d(n.value),a(),m("innerHTML",n.details,s)}}function f(l,r){if(l&1&&(i(0,"tr")(1,"td"),e(2),t(),i(3,"td")(4,"code"),e(5),t()(),o(6,"td",5),t()),l&2){let n=r.$implicit;a(2),d(n.name),a(3),d(n.type),a(),m("innerHTML",n.details,s)}}function y(l,r){if(l&1&&(i(0,"tr")(1,"td"),e(2),t(),i(3,"td"),e(4),t(),i(5,"td")(6,"code"),e(7),t()(),o(8,"td",5),t()),l&2){let n=r.$implicit;a(2),d(n.name),a(2),d(n.type),a(3),d(n.default),a(),m("innerHTML",n.details,s)}}function v(l,r){if(l&1&&(i(0,"tr")(1,"td"),e(2),t(),i(3,"td"),e(4),t(),o(5,"td",5),t()),l&2){let n=r.$implicit;a(2),d(n.name),a(2),d(n.type),a(),m("innerHTML",n.details,s)}}function D(l,r){if(l&1&&(i(0,"tr")(1,"td")(2,"code"),e(3),t()(),o(4,"td",5),t()),l&2){let n=r.$implicit;a(3),g("--as-",n.name,""),a(),m("innerHTML",n.details,s)}}function z(l,r){if(l&1&&(i(0,"tr")(1,"td")(2,"code"),e(3),t()(),o(4,"td",5),t()),l&2){let n=r.$implicit;a(3),d(n.name),a(),m("innerHTML",n.details,s)}}function C(l,r){if(l&1&&(i(0,"tr")(1,"td")(2,"code"),e(3),t()(),o(4,"td",5),t()),l&2){let n=r.$implicit;a(3),d(n.name),a(),m("innerHTML",n.details,s)}}function T(l,r){if(l&1&&(i(0,"tr")(1,"td")(2,"code"),e(3),t()(),o(4,"td",5),t()),l&2){let n=r.$implicit;a(3),d(n.name),a(),m("innerHTML",n.details,s)}}var _=(()=>{class l{constructor(){this.splitDoc={inputs:[{name:"dir",type:"SplitDir",default:'"ltr"',details:'Indicates the directionality of the areas: <code>"ltr"</code> (left to right) or <code>"rtl"</code> (right to left).'},{name:"direction",type:"SplitDirection",default:'"horizontal"',details:'Select split direction: <code>"horizontal"</code> or <code>"vertical"</code>.'},{name:"disabled",type:"boolean",default:"false",details:"Disable the dragging feature (remove cursor/image on gutters). <code>(gutterClick)</code>/<code>(gutterDblClick)</code> still emits."},{name:"gutterAriaLabel",type:"string",default:"undefined",details:"Aria label for the gutter."},{name:"gutterDblClickDuration",type:"number",default:"0",details:"Milliseconds to detect a double click on a gutter. Set it around 300-500ms if you want to use <code>(gutterDblClick)</code> event."},{name:"gutterSize",type:"number",default:"11",details:"Gutters's size (dragging elements) in pixels."},{name:"gutterStep",type:"number",default:"1",details:"Gutter step while moving in pixels."},{name:"restrictMove",type:"boolean",default:"false",details:"Set to <code>true</code> if you want to limit gutter move to adjacent areas only."},{name:"unit",type:"SplitUnit",default:'"percent"',details:'Selected unit you want to use: <code>"percent"</code> or <code>"pixel"</code> to specify area sizes.'},{name:"useTransition",type:"boolean",default:"false",details:"Add transition when toggling visibility using <code>[visible]</code> or <code>[size]</code> changes"}],outputs:[{name:"dragEnd",value:"SplitGutterInteractionEvent",details:"Emit when drag ends."},{name:"dragStart",value:"SplitGutterInteractionEvent",details:"Emit when drag starts."},{name:"gutterDblClick",value:"SplitGutterInteractionEvent",details:"Emit when user double clicks on a gutter. See <code>[gutterDblClickDuration]</code> input."},{name:"gutterClick",value:"SplitGutterInteractionEvent",details:"Emit when user clicks on a gutter. See <code>[gutterDblClickDuration]</code> input."},{name:"transitionEnd",value:"SplitAreaSize[]",details:'Emit when transition ends (could be triggered from <code>[visible]</code> or <code>[size]</code> changes).<br>Only if <code>[useTransition]="true"</code>'}],class:[{name:"dragProgress$",type:"Observable<SplitGutterInteractionEvent>",details:"Emits when dragging (mouse or keyboard).<br><u>Warning: Running outside zone by design.</u><br/>If you need to notify angular use <code>this.ngZone.run(() => ...));</code>"}]},this.splitAreaDoc={inputs:[{name:"lockSize",type:"boolean",default:"false",details:`Lock area size, same as <code>minSize</code> = <code>maxSize</code> = <code>size</code>.<br><u>Not working when <code>[size]="'*'"</code></u>`},{name:"maxSize",type:"SplitAreaSize",default:'"*"',details:`Maximum pixel or percent size, should be equal to or larger than provided <code>[size]</code>.<br><u>Not working when <code>[size]="'*'"</code></u>`},{name:"minSize",type:"SplitAreaSize",default:'"*"',details:`Minimum pixel or percent size, should be equal to or smaller than provided <code>[size]</code>.<br><u>Not working when <code>[size]="'*'"</code></u>`},{name:"size",type:"SplitAreaSize | 'auto'",default:'"auto"',details:`Size of the area in selected unit (<code>percent</code>/<code>pixel</code>).<br><u>Percent mode:</u> All areas sizes should equal to 100 or if there is a wildcard size (<code>[size]="'*'"</code>) should be less than 100. If no size input is declared on all areas - all areas will have the same size.<br><u>Pixel mode:</u> An area with wildcard size (<code>[size]="'*'"</code>) is mandatory (only one) and can't have <code>[visible]="false"</code> or <code>minSize</code>/<code>maxSize</code>/<code>lockSize</code> properties.`},{name:"visible",type:"boolean",default:"true",details:`Hide area visually but still present in the DOM, use <code>ngIf/@if</code> to completely remove it.<br><u>Not working when <code>[size]="'*'"</code></u>`}]},this.splitGutterDoc={templateContext:[{name:"areaBefore",type:"SplitAreaComponent",details:"The area before the gutter. In RTL the right area and in LTR the left area"},{name:"areaAfter",type:"SplitAreaComponent",details:"The area after the gutter. In RTL the left area and in LTR the right area"},{name:"gutterNum",type:"number",details:"The absolute number of the gutter based on direction (RTL and LTR). First gutter is 1, second is 2, etc..."},{name:"first",type:"boolean",details:"Whether this is the first gutter. In RTL the most right area and in LTR the most left area"},{name:"last",type:"boolean",details:"Whether this is the last gutter. In RTL the most left area and in LTR the most right area"},{name:"isDragged",type:"boolean",details:"Whether the gutter is being dragged now"}]},this.cssClasses={split:[{name:"as-horizontal / as-vertical",details:'Depends on <code><as-split [direction]="x"></code>.'},{name:"as-disabled",details:'Added when <code><as-split [disabled]="true"></code>.'},{name:"as-transition",details:'Added when <code><as-split [useTransition]="true"></code>.'},{name:"as-dragging",details:"Added while a gutter is dragged."}],area:[{name:"as-split-area",details:"Added on all areas."},{name:"as-hidden",details:'Added when <code><as-split-area [visible]="false"></code>.'}],gutter:[{name:"as-split-gutter",details:"Added on all gutters."},{name:"as-dragged",details:"Added on gutter while dragged."}]},this.themeInfo=[{name:"gutter-background-color",details:"The gutter background color"},{name:"gutter-icon-horizontal",details:"Gutter icon in horizontal mode"},{name:"gutter-icon-vertical",details:"Gutter icon in vertical mode"},{name:"gutter-icon-disabled",details:"Gutter icon when gutter is disabled"},{name:"transition-duration",details:"Size change transition duration for animation"},{name:"gutter-disabled-cursor",details:"Gutter cursor when gutter is disabled"}]}static{this.\u0275fac=function(S){return new(S||l)}}static{this.\u0275cmp=x({type:l,selectors:[["sp-doc"]],decls:218,vars:0,consts:[[1,"container"],[1,"sel"],[1,"selContent"],[1,"table","table-striped"],[2,"width","40%"],[3,"innerHTML"]],template:function(S,h){S&1&&(i(0,"div",0)(1,"h4")(2,"b"),e(3,"SplitComponent"),t(),e(4,"\xA0"),i(5,"span",1),e(6,"(selector: '"),i(7,"span",2),e(8,"as-split"),t(),e(9,"' / exportAs: '"),i(10,"span",2),e(11,"asSplit"),t(),e(12,"')"),t()(),i(13,"table",3)(14,"thead")(15,"tr")(16,"th"),e(17,"Inputs"),t(),i(18,"th"),e(19,"Type"),t(),i(20,"th"),e(21,"Default"),t(),i(22,"th"),e(23,"Details"),t()()(),i(24,"tbody"),p(25,E,9,4,"tr",null,c),t()(),i(27,"table",3)(28,"thead")(29,"tr")(30,"th"),e(31,"Outputs"),t(),i(32,"th"),e(33,"Value"),t(),i(34,"th"),e(35,"Details"),t()()(),i(36,"tbody"),p(37,b,7,3,"tr",null,c),t()(),i(39,"table",3)(40,"thead")(41,"tr")(42,"th"),e(43,"Access from TS class"),t(),i(44,"th"),e(45,"Type"),t(),i(46,"th"),e(47,"Details"),t()()(),i(48,"tbody"),p(49,f,7,3,"tr",null,c),t()(),o(51,"br")(52,"br"),i(53,"h4")(54,"b"),e(55,"SplitAreaComponent"),t(),e(56,"\xA0"),i(57,"span",1),e(58,"(selector: '"),i(59,"span",2),e(60,"as-split-area"),t(),e(61,"' / exportAs: '"),i(62,"span",2),e(63,"asSplitArea"),t(),e(64,"')"),t()(),i(65,"table",3)(66,"thead")(67,"tr")(68,"th"),e(69,"@Input()"),t(),i(70,"th"),e(71,"Type"),t(),i(72,"th"),e(73,"Default"),t(),i(74,"th"),e(75,"Details"),t()()(),i(76,"tbody"),p(77,y,9,4,"tr",null,c),t()(),o(79,"br")(80,"br"),i(81,"h4")(82,"b"),e(83,"SplitGutterDirective"),t(),e(84,"\xA0"),i(85,"span",1),e(86,"(selector: '"),i(87,"span",2),e(88,"[asSplitGutter]"),t(),e(89," ')"),t()(),i(90,"p"),e(91,"Used as structural directive ("),i(92,"code"),e(93,"*asSplitGutter"),t(),e(94,") to customize the gutter."),t(),i(95,"p"),e(96,"Mostly requires "),i(97,"code"),e(98,"width: 100%"),t(),e(99," and "),i(100,"code"),e(101,"height: 100%"),t(),e(102," in order to fill the whole gutter."),t(),i(103,"p"),e(104," If the custom gutter is wider than the declared gutter size (using "),i(105,"code"),e(106,"gutterSize"),t(),e(107," input) the areas will overflow too. So attention is required to match the size of the gutter. "),t(),i(108,"table",3)(109,"thead")(110,"tr")(111,"th"),e(112,"Template context property"),t(),i(113,"th"),e(114,"Type"),t(),i(115,"th"),e(116,"Details"),t()()(),i(117,"tbody"),p(118,v,6,3,"tr",null,c),t()(),o(120,"br")(121,"br"),i(122,"h4")(123,"b"),e(124,"SplitGutterDragHandleDirective"),t(),e(125,"\xA0"),i(126,"span",1),e(127,"(selector: '"),i(128,"span",2),e(129,"[asSplitGutterDragHandle]"),t(),e(130," ')"),t()(),i(131,"p"),e(132,"Used to declare an area inside "),i(133,"code"),e(134,"asSplitGutter"),t(),e(135," to be a drag handle"),t(),i(136,"p"),e(137,"Can be declared on multiple elements which means all of them are drag handles."),t(),o(138,"br")(139,"br"),i(140,"h4")(141,"b"),e(142,"SplitGutterExcludeFromDragDirective"),t(),e(143,"\xA0"),i(144,"span",1),e(145,"(selector: '"),i(146,"span",2),e(147,"[asSplitGutterExcludeFromDrag]"),t(),e(148," ')"),t()(),i(149,"p"),e(150,"Used to declare an area inside "),i(151,"code"),e(152,"asSplitGutter"),t(),e(153," to be excluded from drag"),t(),i(154,"p"),e(155,"Can be declared on multiple elements which means all of them are excluded from drag."),t(),i(156,"p")(157,"code"),e(158,"asSplitGutterExcludeFromDrag"),t(),e(159," inside "),i(160,"code"),e(161,"asSplitGutterDragHandle"),t(),e(162," works as expected (all of the element is a handle except the excluded area) "),t(),i(163,"p")(164,"code"),e(165,"asSplitGutterDragHandle"),t(),e(166," inside "),i(167,"code"),e(168,"asSplitGutterExcludeFromDrag"),t(),e(169," is ignored and the whole element marked with exclude is excluded. "),t(),o(170,"br")(171,"br"),i(172,"h4")(173,"b"),e(174,"Theme"),t()(),i(175,"table",3)(176,"thead")(177,"tr")(178,"th",4),e(179,"CSS variable"),t(),i(180,"th"),e(181,"Details"),t()()(),i(182,"tbody"),p(183,D,5,2,"tr",null,c),t()(),i(185,"h4")(186,"b"),e(187,"CSS classes"),t()(),i(188,"table",3)(189,"thead")(190,"tr")(191,"th",4),e(192,"Split element classes"),t(),i(193,"th"),e(194,"Details"),t()()(),i(195,"tbody"),p(196,z,5,2,"tr",null,c),t()(),i(198,"table",3)(199,"thead")(200,"tr")(201,"th",4),e(202,"Area element classes"),t(),i(203,"th"),e(204,"Details"),t()()(),i(205,"tbody"),p(206,C,5,2,"tr",null,c),t()(),i(208,"table",3)(209,"thead")(210,"tr")(211,"th",4),e(212,"Gutter element classes"),t(),i(213,"th"),e(214,"Details"),t()()(),i(215,"tbody"),p(216,T,5,2,"tr",null,c),t()()()),S&2&&(a(25),u(h.splitDoc.inputs),a(12),u(h.splitDoc.outputs),a(12),u(h.splitDoc.class),a(28),u(h.splitAreaDoc.inputs),a(41),u(h.splitGutterDoc.templateContext),a(65),u(h.themeInfo),a(13),u(h.cssClasses.split),a(10),u(h.cssClasses.area),a(10),u(h.cssClasses.gutter))},styles:["[_nghost-%COMP%]{display:block;width:100%;margin:50px 0}h4[_ngcontent-%COMP%]{margin:20px 0}.sel[_ngcontent-%COMP%]{font-size:16px;color:#adadad}tr[_ngcontent-%COMP%] > th[_ngcontent-%COMP%]{color:#adadad}tr[_ngcontent-%COMP%] > th[_ngcontent-%COMP%]:first-child, .selContent[_ngcontent-%COMP%]{font-weight:700;color:#ffc421}tr[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]:first-child{font-weight:700}"]})}}return l})();export{_ as DocumentationComponent};